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)文章
學(xué)過(guò)JAVA的人對(duì)函數(shù)的覆蓋和重載肯定是再熟悉不過(guò)了。2009-09-09
JavaScript設(shè)計(jì)模式之裝飾者模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之裝飾者模式介紹,通一個(gè)類來(lái)動(dòng)態(tài)的對(duì)另一個(gè)類的功能對(duì)象進(jìn)行前或后的修飾，給它輔加一些額外的功能; 這是對(duì)一個(gè)類對(duì)象功能的裝飾，裝飾的類跟被裝飾的類，要求擁有相同的訪問(wèn)接口方法（功能）,需要的朋友可以參考下2014-12-12
js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滑動(dòng)進(jìn)度條效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
通過(guò)網(wǎng)頁(yè)查看JS源碼中漢字顯示亂碼的解決方法
這篇文章給大家主要介紹了通過(guò)網(wǎng)頁(yè)查看JS源碼的時(shí)候，發(fā)現(xiàn)漢字顯示是亂碼的解決方法，文中通過(guò)圖文詳解的介紹了解決的步驟，詳細(xì)會(huì)對(duì)大家很有幫助，有需要的朋友們下面來(lái)一起看看吧。2016-10-10
JavaScript實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼及校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)生成驗(yàn)證碼及校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
JavaScript+Canvas實(shí)現(xiàn)繪制音頻可視化波形圖
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript和Canvas實(shí)現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
javascript與jquery動(dòng)態(tài)創(chuàng)建html元素示例
這篇文章主要介紹了javascript與jquery動(dòng)態(tài)創(chuàng)建html元素的方法,結(jié)合實(shí)例形式分析了javascript與jQuery動(dòng)態(tài)創(chuàng)建頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
彈出式菜單想必大家在瀏覽網(wǎng)頁(yè)時(shí)都有見過(guò)吧，本文要為大家介紹的是可折疊的彈出式菜單，你若感興趣可以參考下2014-04-04
JavaScript中重名的函數(shù)與對(duì)象示例詳析
最近同事問(wèn)了一個(gè)問(wèn)題，說(shuō)在js中如果函數(shù)與對(duì)象重名了會(huì)怎么樣？仔細(xì)詳細(xì)這個(gè)問(wèn)題值得討論一下，所以便有了這篇文章，這篇文章主要給大家介紹了關(guān)于JavaScript中重名的函數(shù)與對(duì)象的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧啊。2017-09-09
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript語(yǔ)言實(shí)現(xiàn)多彩線條擺出心形效果，文中的實(shí)現(xiàn)步驟講解詳細(xì)，快跟隨小編一起動(dòng)手嘗試一下吧2022-07-07