js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法
更新時(shí)間：2016年10月11日 12:26:54 投稿：jingxian
下面小編就為大家?guī)?lái)一篇js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
實(shí)例如下：
<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="返回上一頁(yè)" onClick="javascript:history.go(-1)" />
</body>
</html>
以上就是小編為大家?guī)?lái)的js 判斷附件后綴的簡(jiǎn)單實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
相關(guān)文章
IE Firefox 使用自定義標(biāo)簽的區(qū)別
IE Firefox 使用自定義標(biāo)簽的區(qū)別，需要的朋友可以參考下。2009-10-10
TypeScript?是一種強(qiáng)類型的超集?JavaScript,它為開發(fā)者提供了靜態(tài)類型檢查、代碼提示以及更好的可維護(hù)性,本文將深入解析?TypeScript?裝飾器,從基礎(chǔ)概念到高級(jí)用法,逐步探討其作用、原理以及實(shí)際應(yīng)用場(chǎng)景,以幫助你更好地理解和利用這一功能,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了JS ES6變量的解構(gòu)賦值，對(duì)ES6感興趣的同學(xué)，可以參考下2021-05-05
JS建造者模式是一種創(chuàng)建型設(shè)計(jì)模式,它可以用于構(gòu)建復(fù)雜對(duì)象的創(chuàng)建過(guò)程,將對(duì)象的構(gòu)建步驟和表示分離,以便能夠靈活地構(gòu)建不同的對(duì)象,本文將通過(guò)代碼示例給大家詳細(xì)的介紹一下JS建造者模式的用法,需要的朋友可以參考下2023-08-08
實(shí)用又漂亮的BootstrapValidator表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了好用又漂亮的BootstrapValidator表單驗(yàn)證插件，感興趣的小伙伴們可以參考一下2016-05-05
JavaScript中全選、全不選、反選、無(wú)刷新刪除、批量刪除、即點(diǎn)即改入庫(kù)（在yii框架中操作）的代碼分享
這篇文章主要介紹了JavaScript中全選、全不選、反選、無(wú)刷新刪除、批量刪除、即點(diǎn)即改入庫(kù)（在yii框架中操作）的代碼分享,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了JS中雙擊和單擊事件沖突的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
詳解解決小程序中webview頁(yè)面多層history返回問(wèn)題
這篇文章主要介紹了詳解解決小程序中webview頁(yè)面多層history返回問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
js對(duì)文字編碼有3個(gè)函數(shù)： escape,encodeURI,encodeURIComponent， 對(duì)應(yīng)的解碼函數(shù)：unescape,decodeURI,decodeURIComponent2008-06-06
基于JavaScript實(shí)現(xiàn)十五拼圖代碼實(shí)例
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)十五拼圖代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04