潔靜精微

今天无意中在网上看到能用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值大小的方法我还没有找到，我现在想到的方法只是用后台动态语言获得再传给前台。