js獲取判斷上傳文件后綴名的示例代碼
更新時間：2014年02月19日 09:51:20 作者：
本篇文章主要是對js獲取判斷上傳文件后綴名的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復(fù)制代碼 代碼如下:
function lastname(){
//獲取欲上傳的文件路徑
var filepath = document.getElementById("file1").value;
//為了避免轉(zhuǎn)義反斜杠出問題，這里將對其進(jìn)行轉(zhuǎn)換
var re = /(\\+)/g;
var filename=filepath.replace(re,"#");
//對路徑字符串進(jìn)行剪切截取
var one=filename.split("#");
//獲取數(shù)組中最后一個，即文件名
var two=one[one.length-1];
//再對文件名進(jìn)行截取，以取得后綴名
var three=two.split(".");
//獲取截取的最后一個字符串，即為后綴名
var last=three[three.length-1];
//添加需要判斷的后綴名類型
var tp ="jpg,gif,bmp,JPG,GIF,BMP";
//返回符合條件的后綴名在字符串中的位置
var rs=tp.indexOf(last);
//如果返回的結(jié)果大于或等于0，說明包含允許上傳的文件類型
if(rs>=0){
return true;
}else{
alert("您選擇的上傳文件不是有效的圖片文件！");
return false;
}
}
備注說明：
1.先將該腳本保存成一個JS文件，然后包含到上傳文件的頁面當(dāng)中；
2.在上傳頁面的表單中加入onsubmit="return lastname()"
相關(guān)文章
asp錯誤 '80040e21' 多步 OLE DB&nbs
今天在寫asp入庫操作的時候提示Microsoft OLE DB Provider for ODBC Drivers 錯誤 80040e21 多步 OLE DB 操作產(chǎn)生錯誤，請檢查每個 OLE DB 狀態(tài)值，經(jīng)測試時函數(shù)定義文件沒有加載導(dǎo)致類型不對，所以無法入庫2023-05-05
用JS操作FRAME中的IFRAME及其內(nèi)容的實現(xiàn)代碼
一直都需要這樣的東西，發(fā)現(xiàn)了這個好東西，一定要研究下2008-07-07
基于Bootstrap 3 JQuery及RegExp的表單驗證功能
這篇文章主要介紹了基于Bootstrap 3 JQuery及RegExp的表單驗證功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
很多網(wǎng)站、博客把網(wǎng)頁生成html靜態(tài)頁面了，以利于搜索引擎的索引排名，減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁面由于其穩(wěn)定快速更快，給用戶及站長帶來了方便。但評論后如何記住用戶的信息呢2012-01-01
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)AI五子棋人機(jī)大戰(zhàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)時鐘定時器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
怎么樣讓多個輸入框中的內(nèi)容同時變化？一般又要兼容IE與firefox2010-01-01
這篇文章主要介紹了詳解ES6系列之私有變量的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
你還在為offset,scroll,inner,client,screen,mouse發(fā)愁嗎? 頭都大了。而且各個瀏覽器方法還不太一樣。所以往往很浪費(fèi)我們的時間。 于是我產(chǎn)生了寫一個方法用戶 專門獲取這樣的數(shù)據(jù)。2010-06-06
JSON表單是一個基于React的抽象組件，它可以把JSON數(shù)據(jù)格式描述的表單轉(zhuǎn)換成項目中的表單，這篇文章主要介紹了JSON生成Form表單的方法示例,感興趣的小伙伴們可以參考一下2018-11-11