如何使用javascript获取文件扩展名

cxygs5788

于 2020-07-09 22:43:25 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

文章标签： javascript docker upload web bootstrap ViewUI

原文链接：https://bytes.com/topic/javascript/insights/904261-how-get-file-extension-using-javascript

本文介绍了一个使用JavaScript进行图片文件类型验证的示例代码。通过分析文件名后缀，确保上传的文件为.gif、.jpg或.jpeg格式。若文件类型不符合要求，将弹出警告并阻止表单提交。

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

<html>
<head>
<script type="text/javascript" language="javascript">
function valid(ele)
{
  var file_name= ele.file.value;  
  var file_array = file_name.split("."); 
  var file_array1 = file_array[1].toLowerCase();     
  if (file_array1 == 'gif' || file_array1 == 'jpg' || file_array1 == 'jpeg',file_array1=='gif')
  {
    return true;  
  }
  else { 
       alert("Please Upload Valid Image File");
       ele.file.focus();
       return false;
  }       
}
</script> 
</head>
<body> 
<form name="form1" action="upload_file.php" method="post" enctype="multipart/form-data" onsubmit="return valid(this);">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" /> 
<br />
<input type="submit" name="submit" value="Submit" />
</form> 
</body>
</html>

翻译自: https://bytes.com/topic/javascript/insights/904261-how-get-file-extension-using-javascript