js判断上传文件类型(修正)

发布时间:2020-02-08编辑:脚本学堂
用js代码判断上传文件类型,实现客户端的上传过滤,分享二个js检测上传文件类型的例子,有需要的朋友参考下。

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