js 判斷文件類型并控制表單提交示例代碼
更新時(shí)間：2013年11月14日 17:34:00 作者：
判斷文件類型控制表單提交這些都是在客戶端實(shí)現(xiàn)的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
下面的代碼 實(shí)現(xiàn)的控制表單提交
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("請(qǐng)選擇上傳的文件！");
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();//處理了大小寫(xiě)
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()" >點(diǎn)擊上傳</button></td>
</tr>
復(fù)制代碼 代碼如下:
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("請(qǐng)選擇上傳的文件！");
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();//處理了大小寫(xiě)
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()" >點(diǎn)擊上傳</button></td>
</tr>
相關(guān)文章
這篇文章主要介紹了封裝axios來(lái)管控api的2種方式,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
ES6知識(shí)點(diǎn)整理之String字符串新增常用方法示例
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之String字符串新增常用方法,結(jié)合實(shí)例形式分析了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)行高級(jí)替換
如果在正則表達(dá)式中定義了子匹配，那么參數(shù)的長(zhǎng)度會(huì)隨著子匹配的個(gè)數(shù)改變，如果沒(méi)有定義子匹配，那么長(zhǎng)度是固定的。2010-03-03
JavaScript的面向?qū)ο?二)...2006-11-11
BootstrapValidator實(shí)現(xiàn)注冊(cè)校驗(yàn)和登錄錯(cuò)誤提示效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap Validator實(shí)現(xiàn)注冊(cè)校驗(yàn)和登錄錯(cuò)誤提示效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
項(xiàng)目實(shí)踐之javascript技巧...2007-12-12
Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果
餅圖主要是通過(guò)扇形的弧度表現(xiàn)不同類目的數(shù)據(jù)在總和中的占比,它的數(shù)據(jù)格式比柱狀圖更簡(jiǎn)單,這篇文章主要給大家介紹了關(guān)于Echarts餅圖樣式之添加內(nèi)圈陰影達(dá)到立體效果的相關(guān)資料,文中還介紹了echarts餅圖外部陰影設(shè)置的方法,需要的朋友可以參考下2024-02-02
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)下拉選項(xiàng)卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11