如何从URL获取图像大小

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

var xhr = new XMLHttpRequest(); xhr.open('HEAD', 'http://sofzh.miximages.com/jquery/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从服务器端获取它。

您可以将图像URL发送到服务或服务器端页面，并让页面或服务返回图像大小。