如何使用javascript查找图像数据大小？

在网页上，图像下载并呈现后，我需要在浏览器上下文中确定图像的文件大小（kb）（以便我可以在页面上显示该信息，就在图像下方）

最简单的方法可能是使用

头

请求返回

内容长度：

function fileSize(img, func) {
  var xhr = new XMLHttpRequest();
  xhr.open('HEAD', img.src, true);
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
      func(xhr.getResponseHeader('Content-Length')) 
    }
  }
  xhr.send()
}

用法
也许新的XmlHttpRequest（）.getResponseHeader（'Content-Length'）很有用。已经在这里进行了询问和回答。询问前请先搜索。
fileSize(imgNode, function(size) {
  // ...
})