问题描述:
用js来控制文件上传类型时,起初采用了如下代码,第一次选择一个文件,会触发onchange事件,但是把内容清空,在选择同样的文件,就不触发onchange事件了;
代码:
复制代码 代码示例:
function isValidateFile(obj){
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事件了:
复制代码 代码示例:
function isValidateFile(obj){
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;
}