使用JavaScript獲取圖像大小（kb）不加載它

有沒有什麼辦法在通過java腳本在瀏覽器中加載圖像大小（kb）之前？例如，在這個地址中有一張圖片：「mysite.com/content/sample.jpg」現在我們該怎麼理解這張圖片的大小（kb）是多少？使用JavaScript獲取圖像大小（kb）不加載它

來源

2015-05-05 sun1987

你的意思尺寸是多少？ – putvande

[如何使用JavaScript獲取圖像大小（高度和寬度）？]（http://stackoverflow.com/questions/623172/how-to-get-image-size-height-width-using-javascript） – putvande

根據您控制客戶端的多少，您可以使用HEAD獲取標頭，其中很多情況下將包含內容長度 – jeremy

你可以得到它像下面

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

來源

2015-05-05 11:06:44 Pritam

如果它只有一個jpeg，您可以加載包含EXIF元數據的文件的第一個塊。該元數據大部分時間都包含寬度和高度，儘管您不能100％確定它存在或它是正確的。但它可能是你最好的選擇。在Javascript中有幾個不錯的EXIF庫，我用過這個：https://github.com/bwindels/exif-parser

它仍然需要你爲它做一個HTTP請求，所以如果這就是你所擔心的，那就沒辦法避免它。

來源

2015-05-05 10:51:54

使用JavaScript獲取圖像大小（kb）不加載它

回答

相關問題