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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断input[type=file]上传文件格式相关的知识,希望对你有一定的参考价值。

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();  
         }  

  

  1. input type="file"  
  2. 在js中判断文件上传类型  
  3.   
  4. function onSubmit(){  
  5.             var form1 = document.forms[0];          
  6.                 var file = document.forms[0].getfile.value;  
  7.                 if (file == null||file == ""){  
  8.                      alert("请选择要上传的图片!");  
  9.                      return false;  
  10.                 }  
  11.                 if (file.lastIndexOf(‘.‘)==-1){    //如果不存在"."    
  12.                     alert("路径不正确!");  
  13.                     return false;  
  14.                 }  
  15.                 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";  
  16.                 var extName = file.substring(file.lastIndexOf(".")).toLowerCase();//(把路径中的所有字母全部转换为小写)          
  17.                 if(AllImgExt.indexOf(extName+"|")==-1)          
  18.                 {  
  19.                     ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件,当前文件类型为"+extName;  
  20.                     alert(ErrMsg);  
  21.                     return false;  
  22.                 }  
  23.                 document.forms[0].submit();  
  24.          }  

以上是关于判断input[type=file]上传文件格式的主要内容,如果未能解决你的问题,请参考以下文章

input type='file' 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格

<input type=“file“> accept属性筛选文件类型上传

input type="file" 的一些问题

js判断上传图片宽高及文件大小

MVC中通过jquery实现图片预览上传,并对文件类型大小进行判断(极简)

MVC中通过jquery实现图片预览上传,并对文件类型大小进行判断(极简)