js獲取判斷上傳文件后綴名的示例代碼
function lastname(){
//獲取欲上傳的文件路徑
var filepath = document.getElementById("file1").value;
//為了避免轉(zhuǎ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];
//添加需要判斷的后綴名類型
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.先將該腳本保存成一個(gè)JS文件,然后包含到上傳文件的頁(yè)面當(dāng)中;
2.在上傳頁(yè)面的表單中加入onsubmit="return lastname()"
- 簡(jiǎn)單實(shí)現(xiàn)js上傳文件功能
- JS中使用FormData上傳文件、圖片的方法
- js獲取上傳文件的絕對(duì)路徑實(shí)現(xiàn)方法
- 一個(gè)簡(jiǎn)單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- js實(shí)現(xiàn)點(diǎn)擊按鈕彈出上傳文件的窗口
- file控件選擇上傳文件確定后觸發(fā)的js事件是哪個(gè)
- js判斷上傳文件后綴名是否合法
- 使用ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件php版
- jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
- JS使用base64格式上傳文件
相關(guān)文章
javascript自動(dòng)切換焦點(diǎn)控制效果完整實(shí)例
這篇文章主要介紹了javascript自動(dòng)切換焦點(diǎn)控制效果的方法,結(jié)合完整實(shí)例形式分析了JavaScript響應(yīng)鍵盤按鍵控制表單輸入框的焦點(diǎn)切換功能,需要的朋友可以參考下2016-02-02js實(shí)現(xiàn)非常簡(jiǎn)單的焦點(diǎn)圖切換特效實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)非常簡(jiǎn)單的焦點(diǎn)圖切換特效,是一個(gè)非常簡(jiǎn)單的js焦點(diǎn)圖切換效果,涉及javascript操作鼠標(biāo)事件與圖片的相關(guān)技巧,需要的朋友可以參考下2015-05-05JS實(shí)現(xiàn)簡(jiǎn)單面向?qū)ο蟮念伾x擇器實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單面向?qū)ο蟮念伾x擇器,以完整實(shí)例形式分析了JavaScript基于面向?qū)ο髮?shí)現(xiàn)顏色選擇器的具體步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-04-04JavaScript 模擬類機(jī)制及私有變量的方法及思路
這篇文章介紹了JavaScript模擬類機(jī)制及私有變量的方法及思路,有需要的朋友可以參考一下2013-07-07webpack配置proxyTable時(shí)pathRewrite無效的解決方法
這篇文章主要介紹了webpack配置proxyTable時(shí)pathRewrite無效的解決方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12javascript Table 中2個(gè)列(TD)的交換實(shí)現(xiàn)代碼
非常不錯(cuò)的用js控制talbe中td的位置的實(shí)現(xiàn)代碼。2009-02-02JavaScript canvas復(fù)刻蘋果發(fā)布會(huì)環(huán)形進(jìn)度條
canvas 真是一個(gè)好東西,它給前端插上了想象的翅膀,伴隨著 h5 而來,將 web 代入了新的領(lǐng)域。本文將利用anvas復(fù)刻蘋果發(fā)布會(huì)環(huán)形進(jìn)度條,感興趣的可以嘗試一下2022-07-07JS常用的幾種數(shù)組遍歷方式以及性能分析對(duì)比實(shí)例詳解
這篇文章主要介紹了JS常用的幾種數(shù)組遍歷方式以及性能分析對(duì)比,結(jié)合實(shí)例形式詳細(xì)分析了javascript針對(duì)數(shù)組遍歷的幾種常見使用方法及執(zhí)行效率對(duì)比,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04js和jquery批量綁定事件傳參數(shù)一(新豬豬原創(chuàng))
js綁定事件傳參,javascript綁定事件傳參數(shù),jquery綁定事件傳參數(shù)2010-06-06JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶體驗(yàn)(增強(qiáng)版)
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)圖片懶加載(lazyload) 提高用戶體驗(yàn)(增強(qiáng)版)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11