<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法</title>
<script type="text/javascript">
//3、（字符）檢查文件上傳表單控件，如果含有[jpg,jpeg,gif,png]則顯示“文件類型合法”，否則“顯示文件類型錯(cuò)誤”
 
function checkFileExt(filename)
{
 var flag = false; //狀態(tài)
 var arr = ["jpg","png","gif"];
 //取出上傳文件的擴(kuò)展名
 var index = filename.lastIndexOf(".");
 var ext = filename.substr(index+1);
 //循環(huán)比較
 for(var i=0;i<arr.length;i++)
 {
 if(ext == arr[i])
 {
  flag = true; //一旦找到合適的，立即退出循環(huán)
  break;
 }
 }
 //條件判斷
 if(flag)
 {
 alert("文件名合法");
 }else
 {
 alert("文件名不合法");
 }
}
 
</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>

以上就是小編為大家?guī)淼膉s 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)W習(xí)筆記之函數(shù)定義、頁面渲染圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之函數(shù)定義、頁面渲染,結(jié)合實(shí)例形式較為詳細(xì)的分析了微信小程序中函數(shù)的定義、生命周期、模板調(diào)用、樣式控制等操作技巧,并配合圖文形式進(jìn)行了詳細(xì)說明,需要的朋友可以參考下
2019-03-03
JS實(shí)現(xiàn)點(diǎn)擊按鈕獲取頁面高度的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊按鈕獲取頁面高度的方法,涉及JavaScript針對(duì)頁面元素高度的各種常見運(yùn)算,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
js事件監(jiān)聽器用法實(shí)例詳解
這篇文章主要介紹了js事件監(jiān)聽器用法,以實(shí)例形式較為詳細(xì)的分析了javascript事件監(jiān)聽器使用注意事項(xiàng)與相關(guān)技巧,需要的朋友可以參考下
2015-06-06
SyntaxHighlighter 3.0.83使用筆記
本文主要介紹了SyntaxHighlighter的配置及代碼的使用，并附上在博客園中使用SyntaxHighlighter 3.0.83的案例，非常實(shí)用，這里推薦給大家。
2015-01-01
詳解如何用babel轉(zhuǎn)換es6的class語法
這篇文章主要介紹了詳解如何用babel轉(zhuǎn)換es6的class語法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-04-04
圖片懶加載插件實(shí)例分享（含解析）
本文主要介紹了圖片懶加載插件，函數(shù)節(jié)流的應(yīng)用以及函數(shù)節(jié)流具體的好處、常用的場(chǎng)景。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
JS拖拽組件學(xué)習(xí)使用
這篇文章主要為大家介紹了JS拖拽組件的開發(fā)過程，以及如何正確使用JS拖拽組件，做到舉一反三，感興趣的小伙伴們可以參考一下
2016-01-01
javascript 中的try catch應(yīng)用總結(jié)
這篇文章主要介紹了javascript 中的try catch應(yīng)用總結(jié)的相關(guān)資料,需要的朋友可以參考下
2017-04-04
xml 封裝與解析(javascript和C#中)
xml 封裝與解析 javascript和C#中的分別實(shí)現(xiàn)代碼。
2009-07-07
JavaScript創(chuàng)建對(duì)象的七種方式(推薦)
JavaScript創(chuàng)建對(duì)象的方式有很多，通過Object構(gòu)造函數(shù)或?qū)ο笞置媪康姆绞揭部梢詣?chuàng)建單個(gè)對(duì)象，顯然這兩種方式會(huì)產(chǎn)生大量的重復(fù)代碼，并不適合量產(chǎn)。接下來介紹七種非常經(jīng)典的創(chuàng)建對(duì)象的方式，他們也各有優(yōu)缺點(diǎn)
2017-06-06