Question

在使用java脚本在浏览器中加载图像大小（kb）之前，有没有办法获取图片大小？例如，此地址中有一张图片：“mysite.com/content/sample.jpg” 现在我们如何理解这张图片的大小（kb）是多少？

Answer 1

如果它只是一个jpeg，你可以只加载包含EXIF元数据的文件的第一个块。该元数据大多数时间都包含宽度和高度，尽管您不能100％确定它是否存在或者它是正确的。但这可能是你最好的选择。 Javascript中有几个不错的EXIF库，我使用过这个：https://github.com/bwindels/exif-parser

它仍然要求你为它发出HTTP请求，所以如果你担心的话，就没有办法避免它。

Answer 2

你可以像下面那样得到它

 window.onload = function() {
  var image = new Image();
  image.onload = function() {
    var info = "Image Info:<br>Width: "+this.width+", Height: "+this.height;
    document.getElementById("imageInfo").innerHTML = info;
  }
  image.src = 'http://upload.wikimedia.org/wikipedia/commons/1/16/HDRI_Sample_Scene_Balls_%28JPEG-HDR%29.jpg';
}

以下是示例 - http://plnkr.co/edit/X1cqZYv93FzK4zC5kRE7?p=preview

使用javascript获取图像大小（kb），然后加载它

2 个答案: