js判断上传文件类型(修正)
问题描述:
用js来控制文件上传类型时,起初采用了如下代码,第一次选择一个文件,会触发onchange事件,但是把内容清空,在选择同样的文件,就不触发onchange事件了;
代码:
var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);
if(extend==""){
}else{
if(!(extend=="xls"||extend=="doc")){
alert("请上传后缀名为xls或doc的文件!");
obj.select();
document.execCommand('delete');
return false;
}
}
return true;
}
原因分析:
可能上述方法只是清空了页面上的显示值,而没有删除第一次选择文件的实际值。
所以,再第二次上传同样文件时,前后两次的值是相同的,所以不粗放onchange事件;
将以上代码,做如下修改,即可正确判断上传文件类型,并触发onchange事件了:
var extend = obj.value.substring(obj.value.lastIndexOf(".")+1);
if(extend==""){
}else{
if(!(extend=="xls"||extend=="doc")){
alert("请上传后缀名为xls或doc的文件!");
var nf = obj.cloneNode(true);
nf.value='';
obj.parentNode.replaceChild(nf, obj);
return false;
}
}
return true;
}
您可能感兴趣的文章:
JS如何判断上传文件类型
JS判断FileUpload的上传文件类型
js判断上传文件类型(修正)
js判断上传文件类型 js判断FileUpload文件类型
js限制文件上传类型(示例)
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js判断上传文件的类型的实例代码
JavaScript检测上传文件类型(示例)
js 判断上传文件大小与格式
js判断文件类型与文件大小限制上传大小