javascript 讀取圖片文件的大小
更新時(shí)間：2009年06月25日 15:42:08 作者：
今天弄了一個(gè)附件圖片上傳的，為了寫一個(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)文章
js 動(dòng)態(tài)為textbox添加下拉框數(shù)據(jù)源的方法
這篇文章主要介紹了js 動(dòng)態(tài)為textbox添加下拉框數(shù)據(jù)源的方法,需要的朋友可以參考下2014-04-04
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
JavaScript實(shí)現(xiàn)鼠標(biāo)拖拽效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
獲取今天，昨天，本周，上周，本月，上月時(shí)間（實(shí)例分享）
本篇文章主要分享了獲取今天，昨天，本周，上周，本月，上月時(shí)間實(shí)例代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
2008-02-02
使用flow來(lái)規(guī)范javascript的變量類型
這篇文章主要介紹了使用flow來(lái)規(guī)范javascript的變量類型,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
layui實(shí)現(xiàn)多圖片上傳并限制上傳的圖片數(shù)量
今天小編就為大家分享一篇layui實(shí)現(xiàn)多圖片上傳并限制上傳的圖片數(shù)量，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
前端js實(shí)現(xiàn)文件的斷點(diǎn)續(xù)傳 后端PHP文件接收
這篇文章主要為大家詳細(xì)介紹了斷點(diǎn)續(xù)傳的簡(jiǎn)單例子，前端文件提交，后端PHP文件接收,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
javascript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之符號(hào)平衡問(wèn)題
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之符號(hào)平衡問(wèn)題,結(jié)合實(shí)例形式分析了javascript基于棧的形式實(shí)現(xiàn)對(duì)各種括號(hào)如<> {} [] ()等的匹配驗(yàn)證操作相關(guān)應(yīng)用技巧,需要的朋友可以參考下2017-04-04
javascript實(shí)現(xiàn)的顏色塊滑動(dòng)的動(dòng)態(tài)效果
javascript實(shí)現(xiàn)的顏色塊滑動(dòng)的動(dòng)態(tài)效果...2007-08-08