suchen

Heim >Web-Frontend >js-Tutorial >js bestimmt, ob das Suffix der hochgeladenen Datei legal_javascript-Fähigkeiten ist

js bestimmt, ob das Suffix der hochgeladenen Datei legal_javascript-Fähigkeiten ist

WBOY
WBOYOriginal
2016-05-16 15:17:271346Durchsuche

Das Beispiel in diesem Artikel stellt den detaillierten Code von js vor, um festzustellen, ob der Suffixname der hochgeladenen Datei zulässig ist. Der spezifische Inhalt ist wie folgt

Rendering:

Datei auswählen

1.jpg-Datei auswählen

Hochladen erfolgreich und legal

Mit Ausnahme von Bilddateiformaten sind alle anderen Vorgänge illegal.

Spezifischer Code: 

<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>
Ich hoffe, dass dieser Artikel für alle hilfreich ist, die JavaScript-Programmierung lernen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der Verwendung der Bootstrap-Tree-Control_Javascript-FähigkeitenNächster Artikel：Detaillierte Erläuterung der Verwendung der Bootstrap-Tree-Control_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen