JavaScript獲取及判斷文件類型

一、獲取文件后綴

<input type="file" name="addvedio" accept="video/*"/>
注：accept屬性可以設置選擇上傳文件的類型

    input的file類型的accept屬性的值

　　

getFileType:function (filePath){
      var startIndex = filePath.lastIndexOf(".");
      if(startIndex != -1)
        return filePath.substring(startIndex+1, filePath.length).toLowerCase();
      else return "";
    }

二、判斷視頻文件

 //視頻文件選擇
      $('input[name="addvedio"]').on('change', function() {
        let addvedio = $('input[name="addvedio"]').val()//介紹視頻
        let addvediofile = _this.getFileType(addvedio);
        if(addvediofile !="mp4" && addvediofile != "rmvb" && addvediofile!="avi" && addvediofile != "ts") {
          _this.layerOpen('請選擇視頻文件！')
          $('input[name="addvedio"]').val("")//介紹視頻
          return;
        }
      })

三、判斷圖片文件

//主講人頭像
      $("#filed").on('change', function() {
        let teacherImg = $("#filed").val()
        let teacherImgfile = _this.getFileType(teacherImg);
        if(teacherImgfile != "bmp" && teacherImgfile != "png" && teacherImgfile != "gif" && teacherImgfile != "jpg" && teacherImgfile!= "jpeg"){
          _this.layerOpen('主講人照片請選擇圖片文件！')
          $("#filed").val("")//介紹視頻
          return;
        }
      })

四、判斷excel文件

let filevalue = $('input[name="file"]').val()
	    	let fileType = getFileType(filevalue)
	    	if(fileType !== 'xls' && fileType !== 'xlsx'){
    			_this.layerOpen("請上傳xls/xlsx類型的文件！")
    			$('input[name="file"]').val("");
    			return;
	    	}