当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 读取图片文件的大小

Javascript
JavaScript 语言精粹学习笔记
有关div页面拖动、缩放、关闭、遮罩效果代码
JQuery this 和 $(this) 的区别
JS 时间显示效果代码
jquery 表单进行客户端验证demo
JS 获取span标签中的值的代码 支持ie与firefox
JavaScript 获取用户客户端操作系统版本
可以读取EXCEL文件的js代码
JS去除字符串的空格增强版(可以去除中间的空格)
监控用户是否关闭浏览器的js代码
javascript 继承实现方法
JSON 入门指南 想了解json的朋友可以看下
javascript 函数调用规则
动态表格Table类的实现
JSON 客户端和服务器端的格式转换
jQuery ui1.7 dialog只能弹出一次问题
javascript 遍历验证所有文本框的值
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
javascript 简练的几个函数
csdn 博客中实现运行代码功能实现

Javascript 中的 javascript 读取图片文件的大小


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 227 ::
收藏到网摘: n/a

今天弄了一个附件图片上传的,为了写一个检测,很麻烦,后来,发现一个比较巧妙的方法 如下:
复制代码 代码如下:

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来解决,(*^__^*) 嘻嘻……