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控件和對應file文件大小的限定,
重點是第二個方法,很巧妙的用一個image來解決,(*^__^*) 嘻嘻……
復制代碼 代碼如下:
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控件和對應file文件大小的限定,
重點是第二個方法,很巧妙的用一個image來解決,(*^__^*) 嘻嘻……
相關(guān)文章
js 動態(tài)為textbox添加下拉框數(shù)據(jù)源的方法
這篇文章主要介紹了js 動態(tài)為textbox添加下拉框數(shù)據(jù)源的方法,需要的朋友可以參考下2014-04-04JavaScript實現(xiàn)網(wǎng)頁版貪吃蛇游戲
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁版貪吃蛇游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07layui實現(xiàn)多圖片上傳并限制上傳的圖片數(shù)量
今天小編就為大家分享一篇layui實現(xiàn)多圖片上傳并限制上傳的圖片數(shù)量,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09前端js實現(xiàn)文件的斷點續(xù)傳 后端PHP文件接收
這篇文章主要為大家詳細介紹了斷點續(xù)傳的簡單例子,前端文件提交,后端PHP文件接收,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10javascript數(shù)據(jù)結(jié)構(gòu)中棧的應用之符號平衡問題
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)中棧的應用之符號平衡問題,結(jié)合實例形式分析了javascript基于棧的形式實現(xiàn)對各種括號如<> {} [] ()等的匹配驗證操作相關(guān)應用技巧,需要的朋友可以參考下2017-04-04javascript實現(xiàn)的顏色塊滑動的動態(tài)效果
javascript實現(xiàn)的顏色塊滑動的動態(tài)效果...2007-08-08