Javascript 使用HTML5文件API获取类中所有图像的大小

我在一个页面上有几个图像，它们都有类

.imgToPrint

我想循环浏览列表，并使用文件API获取每个列表的文件大小

我试着这样做

$(".imgToPrint").each(function(){               
 console.log( $(this).files[0].size );
});

但我得到错误Uncaught TypeError:无法读取未定义的属性“0”

如何获取此类中每个图像的文件大小？

找到了答案，我以这种方式实现了它

$(".imgToPrint").each(function(e){   
        var srcx=$(this).attr("src");           
        console.log(srcx);
        var xhr = new XMLHttpRequest();
        xhr.open('HEAD', srcx, true);
        xhr.onreadystatechange = function(){
          if ( xhr.readyState == 4 ) {
            if ( xhr.status == 200 ) {
              console.log('Size in bytes: ' + xhr.getResponseHeader('Content-Length'));
            } else {
              console.log('ERROR');
            }
          }
        };
        xhr.send(null);
}); 

---

您是否已换行到

$（function（）{}）

或

$（文档）.ready（函数（）{}）

files属性用于

元素@Julian no，这是关于文件输入的。这个问题不同，它询问的是如何在

标记中查找源文件的大小。图像来自何处？请参阅。