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

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

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

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

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

您可能感興趣的文章:

后綴名
js

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ù)定義文件沒有加載導致類型不對，所以無法入庫
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
JS讀取cookies信息(記錄用戶名)
很多網(wǎng)站、博客把網(wǎng)頁生成html靜態(tài)頁面了，以利于搜索引擎的索引排名，減輕服務器負擔。靜態(tài)頁面由于其穩(wěn)定快速更快，給用戶及站長帶來了方便。但評論后如何記住用戶的信息呢
2012-01-01
js實現(xiàn)AI五子棋人機大戰(zhàn)
這篇文章主要為大家詳細介紹了js實現(xiàn)AI五子棋人機大戰(zhàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-12-12
js實現(xiàn)時鐘定時器
這篇文章主要為大家詳細介紹了js實現(xiàn)時鐘定時器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
讓多個輸入框中的內(nèi)容同時變化的js代碼
怎么樣讓多個輸入框中的內(nèi)容同時變化？一般又要兼容IE與firefox
2010-01-01
詳解ES6系列之私有變量的實現(xiàn)
這篇文章主要介紹了詳解ES6系列之私有變量的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
獲取dom元素那些討厭的位置封裝代碼
你還在為offset,scroll,inner,client,screen,mouse發(fā)愁嗎? 頭都大了。而且各個瀏覽器方法還不太一樣。所以往往很浪費我們的時間。于是我產(chǎn)生了寫一個方法用戶專門獲取這樣的數(shù)據(jù)。
2010-06-06
JSON生成Form表單的方法示例
JSON表單是一個基于React的抽象組件，它可以把JSON數(shù)據(jù)格式描述的表單轉(zhuǎn)換成項目中的表單，這篇文章主要介紹了JSON生成Form表單的方法示例,感興趣的小伙伴們可以參考一下
2018-11-11