使用javascript的圖像Dpi

Question

我可以使用javascript瞭解圖像dpi（水平和垂直分辨率）嗎？

Answer 1

我認爲DPI不是圖像的屬性。 DPI是打印時使用的度量。

總之......你可以得到的寬度，並與像這樣的像高

var image = new Image(); 
image.src = "http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo.png"; 

//show width and height in alert-popup 
alert("Width: "+image.width+", Height: "+image.height); 

img元素始終是同樣大小的圖像本身，如果你不指定寬度和/或高度。這就是爲什麼這應該工作:)

Answer 2

您可以使用Blueimp的負載映像庫https://github.com/blueimp/JavaScript-Load-Image#user-content-meta-data-parsing的EXIF解析擴展。

loadImage.parseMetaData(file, function(meta) { 
    if (!meta.exif) { return; } 

    var resX = meta.exif.get('XResolution'); 
    var resY = meta.exif.get('YResolution'); 
}); 

也有EXIF-JS庫（https://github.com/jseidelin/exif-js），但我不能保證是否能正常工作（沒有用它）。