js 判斷文件類(lèi)型并控制表單提交示例代碼
更新時(shí)間：2013年11月14日 17:34:00 作者：
判斷文件類(lèi)型控制表單提交這些都是在客戶(hù)端實(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)文章
JavaScript中的Array對(duì)象與其他編程語(yǔ)言中的數(shù)組一樣，是一組數(shù)據(jù)的集合。在JavaScript中，數(shù)組里面的數(shù)據(jù)可以是不同類(lèi)型的，并具有用于執(zhí)行數(shù)組常見(jiàn)操作的方法，本文整理了一些常用的，需要的可以參考一下2022-10-10
微信小程序如何使用Promise對(duì)wx.request()封裝詳解(附完整代碼)
微信小程序的wx.request是微信小程序最早生成的數(shù)據(jù)庫(kù)傳輸模式,數(shù)據(jù)傳輸簡(jiǎn)單明確,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何使用Promise對(duì)wx.request()封裝的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享,對(duì)于我們做系統(tǒng)、瀏覽器兼容非常有幫助，需要的朋友可以參考下2015-01-01
同源策略（Same origin policy）是一種約定，它是瀏覽器最核心也最基本的安全功能，如果缺少了同源策略，則瀏覽器的正常功能可能都會(huì)受到影響。可以說(shuō)Web是構(gòu)建在同源策略基礎(chǔ)之上的，瀏覽器只是針對(duì)同源策略的一種實(shí)現(xiàn)2015-11-11
微信小程序語(yǔ)音同步智能識(shí)別的實(shí)現(xiàn)案例代碼解析
在一些小程序的開(kāi)發(fā)場(chǎng)景中經(jīng)常會(huì)有語(yǔ)音轉(zhuǎn)文字的需求，今天小編通過(guò)實(shí)際案例給大家分享微信小程序語(yǔ)音同步智能識(shí)別功能，需要的朋友可以參考下2020-05-05
本文主要介紹了強(qiáng)大的JSON.stringify如何使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要為大家詳細(xì)介紹了用JS編寫(xiě)選項(xiàng)卡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家介紹了JavaScript Promise，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-12-12
js限制checkbox選中個(gè)數(shù)以限制六個(gè)為例
需要展示多個(gè)checkbox復(fù)選框，而只能允許最多選6個(gè),下面為大家介紹下如何使用js限制checkbox選中個(gè)數(shù),需要的朋友可以參考下2014-07-07
完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖（上篇）
這篇文章主要介紹了完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖的具體資料，基于完美運(yùn)動(dòng)框架move2.js而完成的八種焦點(diǎn)錄播圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07