js 判斷文件類型并控制表單提交示例代碼
更新時間：2013年11月14日 17:34:00 作者：
判斷文件類型控制表單提交這些都是在客戶端實現(xiàn)的，下面有個不錯的示例，感興趣的朋友可以參考下
下面的代碼 實現(xiàn)的控制表單提交
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("請選擇上傳的文件！");
document.getElementById("file").disabled=true;
}
var extname=filepath.substr(filepath.length-3, filepath.length);
alert("extname::"+extname);
//var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length);
// extname = extname.toLowerCase();//處理了大小寫
if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){
alert("只能上傳bmp,jpg,gif格式的圖片！");
document.getElementById("file").disabled=true;
}
else{
document.getElementById("file").disabled=false;
}
}
<tr>
<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td>
</tr>
<tr>
<td align="center"><button onclick="shangchuan()" >點擊上傳</button></td>
</tr>
復(fù)制代碼 代碼如下:
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("請選擇上傳的文件！");
document.getElementById("file").disabled=true;
}
var extname=filepath.substr(filepath.length-3, filepath.length);
alert("extname::"+extname);
//var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length);
// extname = extname.toLowerCase();//處理了大小寫
if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){
alert("只能上傳bmp,jpg,gif格式的圖片！");
document.getElementById("file").disabled=true;
}
else{
document.getElementById("file").disabled=false;
}
}
復(fù)制代碼 代碼如下:
<tr>
<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td>
</tr>
<tr>
<td align="center"><button onclick="shangchuan()" >點擊上傳</button></td>
</tr>
相關(guān)文章
這篇文章主要介紹了封裝axios來管控api的2種方式,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
這篇文章主要介紹了ES6知識點整理之String字符串新增常用方法,結(jié)合實例形式分析了ES6字符串String includes,startsWith,endsWith等方法相關(guān)使用技巧,需要的朋友可以參考下2019-07-07
這篇文章主要為大家介紹了Three.js?PBR物理渲染屬性及使用介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
索趣科技的答案...2007-02-02
javascript 正則表達(dá)式觸發(fā)函數(shù)進(jìn)行高級替換
如果在正則表達(dá)式中定義了子匹配，那么參數(shù)的長度會隨著子匹配的個數(shù)改變，如果沒有定義子匹配，那么長度是固定的。2010-03-03
JavaScript的面向?qū)ο?二)...2006-11-11
BootstrapValidator實現(xiàn)注冊校驗和登錄錯誤提示效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap Validator實現(xiàn)注冊校驗和登錄錯誤提示效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
項目實踐之javascript技巧...2007-12-12
Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果
餅圖主要是通過扇形的弧度表現(xiàn)不同類目的數(shù)據(jù)在總和中的占比,它的數(shù)據(jù)格式比柱狀圖更簡單,這篇文章主要給大家介紹了關(guān)于Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果的相關(guān)資料,文中還介紹了echarts餅圖外部陰影設(shè)置的方法,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)下拉選項卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11