javascript 读取图片文件的大小
更新时间：2009年06月25日 15:42:08 作者：
今天弄了一个附件图片上传的，为了写一个检测，很麻烦，后来，发现一个比较巧妙的方法
如下：
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来解决，(*^__^*) 嘻嘻……
相关文章
这篇文章主要给大家介绍了关于JS算法教程之字符串去重与字符串反转的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
in运算符是javascript语言中比较特殊的一个，可以单独使用作为判断运算符，也常被用于for...in循环中遍历对象属性2011-09-09
由于误操作比较多，有时没有选中文本框，然后不小心按了退格之后，刚刚辛苦填好的表单就什么也后退的没有了，针对这个问题，本文给出了详细的解决方法，需要朋友不要错过2013-11-11
这篇文章主要介绍了ES6 Generator基本使用方法,结合实例形式分析了ES6 Generator基本功能、使用方法与操作注意事项,需要的朋友可以参考下2020-06-06
js报$ is not a function 的问题的解决方法
在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错，针对此问题，下面有个不错的解决方法，大家可以尝试操作下2014-01-01
这篇文章主要介绍了JS正则截取两个字符串之间及字符串前后内容的方法,结合实例形式简单分析了JS正则截取字符串操作的常用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2017-01-01
JavaScript onclick点击事件-点击切换图片且自动播放
这篇文章主要介绍了JavaScript onclick点击事件-点击切换图片且自动播放，在页面中放图片并设置四个button，可以通过点击上一张下一张来切换图片，下面来看看具体的实现过程吧2022-01-01
在 JavaScript 中,获取 URL 参数是非常常见的操作,这篇文章为大家整理了四个JavaScript常见的获取URL参数方法,希望对大家有所帮助2024-12-12
今天小编就为大家分享一篇在layui中layer弹出层点击事件无效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JS闭包原理与应用,结合实例形式较为详细的分析了javascript闭包的原理、应用及相关操作注意事项,需要的朋友可以参考下2018-12-12
最新评论