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;
	    	}

　　

 

转载于:https://www.cnblogs.com/detanx/p/JavaScriptFile.html