Maison > Article > interface Web > js détermine si le suffixe du fichier téléchargé est legal_javascript skills

js détermine si le suffixe du fichier téléchargé est legal_javascript skills

WBOYoriginal: 2016-05-16 15:17:271268parcourir

L'exemple de cet article présente le code détaillé de js pour déterminer si le nom de suffixe du fichier téléchargé est légal. Il est partagé avec tout le monde pour votre référence. Le contenu spécifique est le suivant

Rendu :

Sélectionner un fichier

Sélectionnez le fichier 1.jpg

Téléchargement réussi et légal

À l'exception des formats de fichiers image, toutes les autres opérations sont illégales.

Code spécifique :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>判断文件上传是否合法</title>
<script type="text/javascript">
//3、（字符）检查文件上传表单控件，如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”，否则“显示文件类型错误”

function checkFileExt(filename)
{
 var flag = false; //状态
 var arr = ["jpg","png","gif"];
 //取出上传文件的扩展名
 var index = filename.lastIndexOf(".");
 var ext = filename.substr(index+1);
 //循环比较
 for(var i=0;i<arr.length;i++)
 {
  if(ext == arr[i])
  {
   flag = true; //一旦找到合适的，立即退出循环
   break;
  }
 }
 //条件判断
 if(flag)
 {
  document.write("文件名合法");
 }else
 {
  document.write("文件名不合法");
 }
}

</script>
</head>

<body>
<form name="form1" method="post" enctype="multipart/form-data">
上传头像：<input type="file" name="uploadFile" onchange="checkFileExt(this.value)" />
</form>
<input type="button" value="返回上一页" onclick="javascript:history.go(-1)" />
</body>
</html>

J'espère que cet article sera utile à tous ceux qui apprennent la programmation JavaScript.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la façon d'utiliser les compétences control_javascript de l'arborescence BootstrapArticle suivant：Explication détaillée de la façon d'utiliser les compétences control_javascript de l'arborescence Bootstrap

Articles Liés

Voir plus