communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 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

WBOY
Libérer： 2016-05-16 15:17:27
original
1355 Les gens l'ont consulté

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>
Copier après la connexion

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

Étiquettes associées：
js上传文件 js文件后缀名是否合法 js判断后缀名是否合法
source：php.cn
Article précédent：Explication détaillée de la façon d'utiliser les compétences control_javascript de l'arborescence Bootstrap Article suivant：Javascript implémente les compétences d'effets d'affichage d'étoiles aléatoires_javascript
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Comparez Imagick, Adobe Photoshop et Windows - Détecter la résolution (pixels par centimètre ou pixels par pouce) Ce n'est pas une question mais une tentative d'améliorer ma compréhension de la façon dont...
Depuis 2024-04-06 16:01:27
0
1
397
Vite/Vue 3 : "Exigence non définie" lors de l'utilisation de la source d'image comme accessoire Je suis passé de VueCLI à ViteCLI et de CompositionAPI de Vue3 à SFCScriptsetupAPI. Commen...
Depuis 2024-04-06 09:50:25
0
1
353
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Transmettre la valeur de courrier électronique du modèle V à la méthode Bonjour, j'essaie de passer v-model sur l'entrée pour essayer d'envoyer l'e-mail pour réin...
Depuis 2024-04-05 10:04:40
0
1
405
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal