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