Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js判断上传文件类型(修正)

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

发布时间:2015-04-22   编辑:www.jquerycn.cn
用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;
}

您可能感兴趣的文章:
JS如何判断上传文件类型
JS判断FileUpload的上传文件类型
js判断上传文件类型(修正)
js判断上传文件类型 js判断FileUpload文件类型
js限制文件上传类型(示例)
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
js判断上传文件的类型的实例代码
JavaScript检测上传文件类型(示例)
js 判断上传文件大小与格式
js判断文件类型与文件大小限制上传大小

关键词: JS判断上传文件类型   
[关闭]