javascript 讀取圖片文件的大小
更新時(shí)間：2009年06月25日 15:42:08 作者：
今天弄了一個(gè)附件圖片上傳的，為了寫(xiě)一個(gè)檢測(cè)，很麻煩，后來(lái)，發(fā)現(xiàn)一個(gè)比較巧妙的方法
如下：
function checkAttachment(){
alert("here");
var attachmentArray = document.getElementsByTagName("input");
var attachmentSizeArray = document.getElementsByName("fileMaxSize");
var index = 0;
for (var i = 0; i < attachmentArray.length; i++){
var attachment = attachmentArray[i];
if (attachment.type=="file"){
if (!isPhoto(attachment.value)){
alert("上傳的附件必須是相片.");
attachment.focus();
return false;
}
if (getFileSize(attachment) > 1024 * attachmentSizeArray[index].value){
alert("上傳的附件不能大于" + attachmentSizeArray[index].value + "k.");
attachment.focus();
return false;
}
index++;
}
}
return true;
}
function getFileSize(fileObject){
var image=new Image();
image.dynsrc=fileObject.value;
return image.fileSize;
}
第一個(gè)方法是獲取頁(yè)面的所有file控件和對(duì)應(yīng)file文件大小的限定,
重點(diǎn)是第二個(gè)方法，很巧妙的用一個(gè)image來(lái)解決，(*^__^*) 嘻嘻……
復(fù)制代碼 代碼如下:
function checkAttachment(){
alert("here");
var attachmentArray = document.getElementsByTagName("input");
var attachmentSizeArray = document.getElementsByName("fileMaxSize");
var index = 0;
for (var i = 0; i < attachmentArray.length; i++){
var attachment = attachmentArray[i];
if (attachment.type=="file"){
if (!isPhoto(attachment.value)){
alert("上傳的附件必須是相片.");
attachment.focus();
return false;
}
if (getFileSize(attachment) > 1024 * attachmentSizeArray[index].value){
alert("上傳的附件不能大于" + attachmentSizeArray[index].value + "k.");
attachment.focus();
return false;
}
index++;
}
}
return true;
}
function getFileSize(fileObject){
var image=new Image();
image.dynsrc=fileObject.value;
return image.fileSize;
}
第一個(gè)方法是獲取頁(yè)面的所有file控件和對(duì)應(yīng)file文件大小的限定,
重點(diǎn)是第二個(gè)方法，很巧妙的用一個(gè)image來(lái)解決，(*^__^*) 嘻嘻……
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于JS算法教程之字符串去重與字符串反轉(zhuǎn)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
Javascript學(xué)習(xí)筆記-詳解in運(yùn)算符
in運(yùn)算符是javascript語(yǔ)言中比較特殊的一個(gè)，可以單獨(dú)使用作為判斷運(yùn)算符，也常被用于for...in循環(huán)中遍歷對(duì)象屬性2011-09-09
由于誤操作比較多，有時(shí)沒(méi)有選中文本框，然后不小心按了退格之后，剛剛辛苦填好的表單就什么也后退的沒(méi)有了，針對(duì)這個(gè)問(wèn)題，本文給出了詳細(xì)的解決方法，需要朋友不要錯(cuò)過(guò)2013-11-11
這篇文章主要介紹了ES6 Generator基本使用方法,結(jié)合實(shí)例形式分析了ES6 Generator基本功能、使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-06-06
js報(bào)$ is not a function 的問(wèn)題的解決方法
在html中的程序，跑的好好的，換成jsp在項(xiàng)目中跑，就一直報(bào)$ is not a function錯(cuò)，針對(duì)此問(wèn)題，下面有個(gè)不錯(cuò)的解決方法，大家可以嘗試操作下2014-01-01
JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法
這篇文章主要介紹了JS正則截取兩個(gè)字符串之間及字符串前后內(nèi)容的方法,結(jié)合實(shí)例形式簡(jiǎn)單分析了JS正則截取字符串操作的常用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
JavaScript?onclick點(diǎn)擊事件-點(diǎn)擊切換圖片且自動(dòng)播放
這篇文章主要介紹了JavaScript?onclick點(diǎn)擊事件-點(diǎn)擊切換圖片且自動(dòng)播放，在頁(yè)面中放圖片并設(shè)置四個(gè)button，可以通過(guò)點(diǎn)擊上一張下一張來(lái)切換圖片，下面來(lái)看看具體的實(shí)現(xiàn)過(guò)程吧2022-01-01
使用JavaScript獲取URL參數(shù)的方法總結(jié)
在?JavaScript?中,獲取?URL?參數(shù)是非常常見(jiàn)的操作,這篇文章為大家整理了四個(gè)JavaScript常見(jiàn)的獲取URL參數(shù)方法,希望對(duì)大家有所幫助2024-12-12
在layui中l(wèi)ayer彈出層點(diǎn)擊事件無(wú)效的解決方法
今天小編就為大家分享一篇在layui中l(wèi)ayer彈出層點(diǎn)擊事件無(wú)效的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JS閉包原理與應(yīng)用,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript閉包的原理、應(yīng)用及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12