快捷導(dǎo)航

js獲取判斷上傳文件后綴名的示例代碼

更新時(shí)間：2014年02月19日 09:51:20 作者：

本篇文章主要是對(duì)js獲取判斷上傳文件后綴名的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

function lastname(){
 //獲取欲上傳的文件路徑
var filepath = document.getElementById("file1").value; 
//為了避免轉(zhuǎn)義反斜杠出問(wèn)題，這里將對(duì)其進(jìn)行轉(zhuǎn)換
var re = /(\\+)/g; 
var filename=filepath.replace(re,"#");
//對(duì)路徑字符串進(jìn)行剪切截取
var one=filename.split("#");
//獲取數(shù)組中最后一個(gè)，即文件名
var two=one[one.length-1];
//再對(duì)文件名進(jìn)行截取，以取得后綴名
var three=two.split(".");
 //獲取截取的最后一個(gè)字符串，即為后綴名
var last=three[three.length-1];
//添加需要判斷的后綴名類(lèi)型
var tp ="jpg,gif,bmp,JPG,GIF,BMP";
//返回符合條件的后綴名在字符串中的位置
var rs=tp.indexOf(last);
//如果返回的結(jié)果大于或等于0，說(shuō)明包含允許上傳的文件類(lèi)型
if(rs>=0){
 return true;
 }else{
 alert("您選擇的上傳文件不是有效的圖片文件！");
 return false;
  }
}

備注說(shuō)明：
1.先將該腳本保存成一個(gè)JS文件，然后包含到上傳文件的頁(yè)面當(dāng)中；
2.在上傳頁(yè)面的表單中加入onsubmit="return lastname()"

您可能感興趣的文章:

后綴名
js

相關(guān)文章

asp錯(cuò)誤 '80040e21' 多步 OLE DB&nbs
今天在寫(xiě)asp入庫(kù)操作的時(shí)候提示Microsoft OLE DB Provider for ODBC Drivers 錯(cuò)誤 80040e21 多步 OLE DB 操作產(chǎn)生錯(cuò)誤，請(qǐng)檢查每個(gè) OLE DB 狀態(tài)值，經(jīng)測(cè)試時(shí)函數(shù)定義文件沒(méi)有加載導(dǎo)致類(lèi)型不對(duì)，所以無(wú)法入庫(kù)
2023-05-05
用JS操作FRAME中的IFRAME及其內(nèi)容的實(shí)現(xiàn)代碼
一直都需要這樣的東西，發(fā)現(xiàn)了這個(gè)好東西，一定要研究下
2008-07-07
基于Bootstrap 3 JQuery及RegExp的表單驗(yàn)證功能
這篇文章主要介紹了基于Bootstrap 3 JQuery及RegExp的表單驗(yàn)證功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
JS讀取cookies信息(記錄用戶(hù)名)
很多網(wǎng)站、博客把網(wǎng)頁(yè)生成html靜態(tài)頁(yè)面了，以利于搜索引擎的索引排名，減輕服務(wù)器負(fù)擔(dān)。靜態(tài)頁(yè)面由于其穩(wěn)定快速更快，給用戶(hù)及站長(zhǎng)帶來(lái)了方便。但評(píng)論后如何記住用戶(hù)的信息呢
2012-01-01
js實(shí)現(xiàn)AI五子棋人機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)AI五子棋人機(jī)大戰(zhàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
js實(shí)現(xiàn)時(shí)鐘定時(shí)器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)時(shí)鐘定時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
讓多個(gè)輸入框中的內(nèi)容同時(shí)變化的js代碼
怎么樣讓多個(gè)輸入框中的內(nèi)容同時(shí)變化？一般又要兼容IE與firefox
2010-01-01
詳解ES6系列之私有變量的實(shí)現(xiàn)
這篇文章主要介紹了詳解ES6系列之私有變量的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-11-11
獲取dom元素那些討厭的位置封裝代碼
你還在為offset,scroll,inner,client,screen,mouse發(fā)愁嗎? 頭都大了。而且各個(gè)瀏覽器方法還不太一樣。所以往往很浪費(fèi)我們的時(shí)間。于是我產(chǎn)生了寫(xiě)一個(gè)方法用戶(hù) 專(zhuān)門(mén)獲取這樣的數(shù)據(jù)。
2010-06-06
JSON生成Form表單的方法示例
JSON表單是一個(gè)基于React的抽象組件，它可以把JSON數(shù)據(jù)格式描述的表單轉(zhuǎn)換成項(xiàng)目中的表單，這篇文章主要介紹了JSON生成Form表單的方法示例,感興趣的小伙伴們可以參考一下
2018-11-11