使用javascript的圖像Dpi

Question

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

Answer 1

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

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 ），但我不能保證它的工作情況（還沒有使用過）。

Answer 2

我認為 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 元素始終與圖像本身的大小相同。 這就是為什么這應該起作用:)