2014-10-17 126 views
3

我在下面的代碼中嘗試從實際URL獲取圖片大小(以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'); 
} 

回答

11

試試這個代碼,它正在

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發送到服務或服務器端頁面,並讓頁面或服務返回圖像大小。

+2

不是高度和寬度。我需要KB/MB的大小。如1 MB等 – 2014-10-17 08:00:48

+0

您是否找到任何解決方案? – 2017-09-07 13:17:54