JavaScript获取及判断文件类型
一、获取文件后缀
<input type="file" name="addvedio" accept="video/*"/>input的file类型的accept属性的值
注: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; }