JavaScript代码来判断文件上传格式

太过爱你忘了你带给我的痛 2022-06-07 02:43 205阅读 0赞

有时候我们在发送邮件，发生跟文件有关的时候需要去判断你选的文件是否是浏览器想要的类型，那么就会出现文件上的选择。

所以，小编用JavaScript来写个简单的dome。

做一图片类型上传格式。

假定用户上传是jpg 或png 格式 提示格式正确

其他格式的 提示格式错误

代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	<input type="file" id="file"/>
    	<span></span>
    	<script type="text/javascript">
              // 假定用户上传是jpg 或png 格式 提示格式正确
              // 其他格式的 提示格式错误
              // 思路 1 先找到有关元素
              var file = document.getElementById("file");
              var span = document.getElementsByTagName("span")[0];
    
              // onchange   文件域改变或者下拉菜单改变时候
              file.onchange = function() {
              	   // 判断用户上传文件的格式 
              	   var filename = this.value; // c:\...\1.txt
              	   // 得到拓展名
              	   var index = filename.lastIndexOf("."); // 1.2.txt，lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。
              	   var extname = filename.slice(index+1);//slice() 方法可从已有的数组中返回选定的元素。
              	   // JPG  JPg  jPg 
    			  //toLowerCase() 方法用于把字符串转换为小写。
              	   if(extname.toLowerCase() == "jpg" || extname.toLowerCase() == "png") {
              	   	    span.innerHTML = '格式正确' 
              	   } else {
              	   	    span.innerHTML = '格式不正确' 
              	   }
              }
            
    	</script>
    </body>
    </html>