js判斷上傳文件的類型和大小示例代碼
更新時(shí)間：2013年10月18日 15:29:40 作者：
上傳文件的類型和大小可以js進(jìn)行判斷，在本文有個(gè)不錯(cuò)的示例，適合初學(xué)者，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
//檢測(cè)文件大小和類型
function fileChange(target){
//檢測(cè)上傳文件的類型
if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) {
alert("只允許上傳jpg|gif|png|jpeg格式的圖片");
if(window.ActiveXObject) {//for IE
target.select();//select the file ,and clear selection
document.selection.clear();
} else if(window.opera) {//for opera
target.type="text";target.type="file";
} else target.value="";//for FF,Chrome,Safari
return;
} else {
return; //alert("ok");//or you can do nothing here.
}
//檢測(cè)上傳文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024;
if(size>(500)){
alert("文件大小不能超過(guò)500KB");
if(window.ActiveXObject) {//for IE
target.select();//select the file ,and clear selection
document.selection.clear();
} else if(window.opera) {//for opera
target.type="text";target.type="file";
} else {
target.value="";//for FF,Chrome,Safari
}
return;
}else{
return;
}
}
相關(guān)文章
js自定義方法通過(guò)隱藏iframe實(shí)現(xiàn)文件下載
通過(guò)隱藏iframe實(shí)現(xiàn)文件下載,不可思議吧，但確實(shí)是可以實(shí)現(xiàn)的,不懂的看下代碼，或許可以幫助到你,而且此功能是用js實(shí)現(xiàn)的，感興趣的你可不要錯(cuò)過(guò)了哈2013-02-02
JS字符串函數(shù)擴(kuò)展代碼，大家可以參考下prototype的使用方法，擴(kuò)展自己的字符串處理函數(shù)。2011-09-09
JavaScript使用function定義對(duì)象并調(diào)用的方法
這篇文章主要介紹了JavaScript使用function定義對(duì)象并調(diào)用的方法,實(shí)例分析了javascript中function定義及使用對(duì)象與方法的相關(guān)技巧,需要的朋友可以參考下2015-03-03
JMenuTab簡(jiǎn)單使用說(shuō)明參數(shù)2008-03-03
JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法
這篇文章主要介紹了JavaScript簡(jiǎn)單判斷復(fù)選框是否選中及取出值的方法,涉及javascript遍歷復(fù)選框及元素取值的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript事件對(duì)象event用法,結(jié)合實(shí)例形式分析了事件對(duì)象event中常用的屬性、方法、相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)放大鏡放大購(gòu)物圖片效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
layui+ssm實(shí)現(xiàn)數(shù)據(jù)表格雙擊編輯更新數(shù)據(jù)功能
在使用layui加載后端數(shù)據(jù)請(qǐng)求時(shí),對(duì)數(shù)據(jù)選項(xiàng)框進(jìn)行雙擊即可實(shí)現(xiàn)數(shù)據(jù)的輸入編輯更改,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
利用JS實(shí)現(xiàn)AI自動(dòng)玩貪吃蛇
這篇文章主要為大家詳細(xì)介紹了如何利用JS實(shí)現(xiàn)AI版自動(dòng)玩貪吃蛇小游戲，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JS游戲開發(fā)有一定幫助，需要的可以參考一下2022-06-06