JS簡單驗證上傳文件類型的方法
更新時間：2017年04月17日 11:31:34 作者：xyzqiang
這篇文章主要介紹了JS簡單驗證上傳文件類型的方法,涉及javascript文件遍歷及字符串截取、匹配等相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS簡單驗證上傳文件類型的方法。分享給大家供大家參考，具體如下：
function checkType(){
//得到上傳文件的值
var fileName=document.getElementById("file_logo").value;
//返回String對象中子字符串最后出現(xiàn)的位置.
var seat=fileName.lastIndexOf(".");
//返回位于String對象中指定位置的子字符串并轉(zhuǎn)換為小寫.
var extension=fileName.substring(seat).toLowerCase();
//判斷允許上傳的文件格式
//if(extension!=".jpg"&&extension!=".jpeg"&&extension!=".gif"&&extension!=".png"&&extension!=".bmp"){
//alert("不支持"+extension+"文件的上傳!");
//return false;
//}else{
//return true;
//}
var allowed=[".jpg",".gif",".png",".jpeg"];
for(var i=0;i<allowed.length;i++){
if(!(allowed[i]!=extension)){
return true;
}
}
alert("不支持"+extension+"格式");
return false;
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript表單(form)操作技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章介紹了異步動態(tài)加載js與css文件的幾種方法，有需要的朋友可以參考一下2013-09-09
解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題
今天小編就為大家分享一篇解決Layui當(dāng)中的導(dǎo)航條動態(tài)添加后渲染失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
下面小編就為大家?guī)硪黄贐ootstrap分頁的實例講解(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本文給大家分享的是使用有限的代碼繪制八卦圖，算是考核下自己對于javascript的理解，這里推薦給大家，有需要的小伙伴參考下。2015-04-04
js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單實例
這篇文章主要介紹了js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單,實例分析了javascript操作頁面元素實現(xiàn)tab切換的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家介紹了GoJs連線繪圖模板Link使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
以下頁面在運行中,調(diào)試輸出的永遠(yuǎn)是alter('1'),原因是按照頁面加載從上至下的順序,同名的方法以最后一個為準(zhǔn).2009-01-01
微信小程序?qū)崿F(xiàn)點擊導(dǎo)航條切換頁面
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點擊導(dǎo)航條切換頁面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
DOM作用:用來修改網(wǎng)頁內(nèi)容,結(jié)構(gòu)和樣式,下面這篇文章主要給大家介紹了關(guān)于如何通過一篇文章帶你吃透JavaScript中的DOM知識及用法的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
一文詳解JS?類型轉(zhuǎn)換方法以及如何避免隱式轉(zhuǎn)換
這篇文章主要為大家介紹了JS?類型轉(zhuǎn)換方法以及如何避免隱式轉(zhuǎn)換示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04