使用 javascript 的图像 Dpi答案

【问题标题】：Image Dpi using javascript使用 javascript 的图像 Dpi
【发布时间】：2022-03-21 04:06:35
【问题描述】：

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

【问题讨论】：

您是在寻找图像的像素大小还是图像的实际分辨率？
图片的实际分辨率
复制：stackoverflow.com/questions/476815/…
@Tim，您链接到的问题询问如何获取用户的屏幕分辨率，而不是图像 DPI。

【解决方案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)，但我无法保证它的效果如何（没有使用过）。

【讨论】：

【解决方案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 元素的大小始终与图像本身相同。这就是为什么这应该起作用:)

【讨论】：