如何从URL获取图像大小

Question

我正在尝试使用以下代码从实时网址获取KB / MB / GB（不是宽度和高度）的图像大小。但它不起作用。

var xhr = new XMLHttpRequest();

xhr.open('HEAD', 'http://www.2015autoblog.com/wp-content/uploads/2014/09/2015-Toyota-Land-Cruiser-Front.jpg', true);

调试器

alert(xhr.status);

if ( xhr.status == 200 ) {
    alert('Size in bytes: ' + xhr.getResponseHeader('Content-Length'));
} else {
    alert('ERROR');
}

Answer 1

尝试使用此代码

var tmpImg = new Image();
tmpImg.src="https://www.google.com/intl/en_com/images/srpr/logo3w.png"; //or  document.images[i].src;
$(tmpImg).one('load',function(){
  orgWidth = tmpImg.width;
  orgHeight = tmpImg.height;
  alert(orgWidth+"x"+orgHeight);
});

以上代码将获取图片尺寸。

对于文件大小： 不，你无法使用jQuery或纯JavaScript获得图像大小。唯一的方法是使用ajax从服务器端获取它。

您可以将图片网址发送到服务或服务器端页面，让页面或服务返回图片大小。