判断input[type=file]上传文件格式

最新推荐文章于 2024-08-27 04:25:53 发布

转载最新推荐文章于 2024-08-27 04:25:53 发布 · 598 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/DreamerLeaf/p/7728579.html

文章标签：

#前端 #ViewUI

本文介绍了一种使用JavaScript进行文件上传类型验证的方法。通过获取文件扩展名并将其与允许的图片格式进行比较来实现。如果文件不符合指定的格式，则会提示用户选择正确的文件类型。

input type="file"  
在js中判断文件上传类型  
  
function onSubmit(){  
            var form1 = document.forms[0];          
                var file = document.forms[0].getfile.value;  
                if (file == null||file == ""){  
                     alert("请选择要上传的图片!");  
                     return false;  
                }  
                if (file.lastIndexOf('.')==-1){    //如果不存在"."    
                    alert("路径不正确!");  
                    return false;  
                }  
                var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";  
                var extName = file.substring(file.lastIndexOf(".")).toLowerCase();//（把路径中的所有字母全部转换为小写）          
                if(AllImgExt.indexOf(extName+"|")==-1)          
                {  
                    ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件，当前文件类型为"+extName;  
                    alert(ErrMsg);  
                    return false;  
                }  
                document.forms[0].submit();  
         }

input type="file"
在js中判断文件上传类型
function onSubmit(){
var form1 = document.forms[0];
var file = document.forms[0].getfile.value;
if (file == null||file == ""){
alert("请选择要上传的图片!");
return false;
}
if (file.lastIndexOf('.')==-1){ //如果不存在"."
alert("路径不正确!");
return false;
}
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";
var extName = file.substring(file.lastIndexOf(".")).toLowerCase();//（把路径中的所有字母全部转换为小写）
if(AllImgExt.indexOf(extName+"|")==-1)
{
ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件，当前文件类型为"+extName;
alert(ErrMsg);
return false;
}
document.forms[0].submit();
}