js 判斷附件后綴的簡單實現(xiàn)方法
更新時間：2016年10月11日 12:26:54 投稿：jingxian
下面小編就為大家?guī)硪黄猨s 判斷附件后綴的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 判斷附件后綴的簡單實現(xiàn)方法</title>
<script type="text/javascript">
//3、（字符）檢查文件上傳表單控件，如果含有[jpg,jpeg,gif,png]則顯示“文件類型合法”，否則“顯示文件類型錯誤”
function checkFileExt(filename)
{
var flag = false; //狀態(tài)
var arr = ["jpg","png","gif"];
//取出上傳文件的擴展名
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 判斷附件后綴的簡單實現(xiàn)方法全部內(nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關(guān)文章
微信小程序?qū)W習(xí)筆記之函數(shù)定義、頁面渲染圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之函數(shù)定義、頁面渲染,結(jié)合實例形式較為詳細(xì)的分析了微信小程序中函數(shù)的定義、生命周期、模板調(diào)用、樣式控制等操作技巧,并配合圖文形式進(jìn)行了詳細(xì)說明,需要的朋友可以參考下2019-03-03
這篇文章主要介紹了JS實現(xiàn)點擊按鈕獲取頁面高度的方法,涉及JavaScript針對頁面元素高度的各種常見運算,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了js事件監(jiān)聽器用法,以實例形式較為詳細(xì)的分析了javascript事件監(jiān)聽器使用注意事項與相關(guān)技巧,需要的朋友可以參考下2015-06-06
本文主要介紹了SyntaxHighlighter的配置及代碼的使用，并附上在博客園中使用SyntaxHighlighter 3.0.83的案例，非常實用，這里推薦給大家。2015-01-01
詳解如何用babel轉(zhuǎn)換es6的class語法
這篇文章主要介紹了詳解如何用babel轉(zhuǎn)換es6的class語法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
本文主要介紹了圖片懶加載插件，函數(shù)節(jié)流的應(yīng)用以及函數(shù)節(jié)流具體的好處、常用的場景。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家介紹了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#中的分別實現(xiàn)代碼。2009-07-07
JavaScript創(chuàng)建對象的七種方式(推薦)
JavaScript創(chuàng)建對象的方式有很多，通過Object構(gòu)造函數(shù)或?qū)ο笞置媪康姆绞揭部梢詣?chuàng)建單個對象，顯然這兩種方式會產(chǎn)生大量的重復(fù)代碼，并不適合量產(chǎn)。接下來介紹七種非常經(jīng)典的創(chuàng)建對象的方式，他們也各有優(yōu)缺點2017-06-06