JavaScript代码来判断文件上传格式_js 判断上传不是mp4格式-CSDN博客

本文介绍了一种使用JavaScript进行文件格式验证的方法，特别关注于图片文件的上传过程。通过简单的代码示例，演示了如何判断用户上传的文件是否符合预设的格式要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

所以，小编用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>