JavaScript获取及判断文件类型

一、获取文件后缀

?

1	<input type="file" name="addvedio" accept="video/*"/><br>注：accept属性可以设置选择上传文件的类型

    input的file类型的accept属性的值

　　

?

1 2 3 4 5 6

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

二、判断视频文件

?

1 2 3 4 5 6 7 8 9 10

//视频文件选择      $('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;        }      })

三、判断图片文件

?

1 2 3 4 5 6 7 8 9 10

//主讲人头像       $("#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文件

?

1 2 3 4 5 6 7

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