一、获取文件后缀
<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;
}