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