用JS获得图片的大小

今天无意中在网上看到能用JS获得图片的积极大小,注意不是图片的长宽,而是它的byte值。代码如下:

function showSize(){
	var imgs = document.getElementsByTagName('img');
	var num = imgs.length;
	for(i=0;i<num;i++){
		imgs[i].onclick = function(){alert(this.fileSize)};
	}
}
window.onload = showSize;

通过“fileSize”不仅能获得图片的byte值大小,也能获得文档的byte值。比如用“document.fileSize”能获得文档内代码的byte值,但不包括外联的文件byte值。“fileSize”对于网页技术来说很有用,但它有两个致命的缺点:

  • 只有元素完全下载后才能得到此元素的正确byte值大小;
  • “fileSize”是IE私有属性,也就是说非IE游览器不支持。

非IE用JS获得元素byte值大小的方法我还没有找到,我现在想到的方法只是用后台动态语言获得再传给前台。

此条目发表在 前端 分类目录,贴了 , , 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>