使用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），但我不能保证是否能正常工作（没有用它）。