问题描述:
用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; 
}