如何使用HTML5或Javascript查找上传图像的分辨率？

我的应用程序使用HTML5中的文件API来实现拖放功能。我还需要确保删除的文件符合72像素/英寸的分辨率

---

如何使用HTML5或Javascript找到图像的分辨率？

DPI是一种硬件测量，更具体地说是用于打印，在屏幕上查看时不适用于图像数据。像素是一个像素，它的大小取决于正在查看它的屏幕的分辨率，而不是图像文件中的设置

---

如果图像是72 DPI和72 px宽，它将显示为72 px宽。如果图像的分辨率为144 DPI，宽度为72 px，它将在屏幕上显示为相同的大小。但是，在打印时，144 DPI图像的宽度将是th 72 DPI图像的一半。

DPI是一种硬件测量，更具体地说用于打印，在屏幕上查看时不适用于图像数据。像素是一个像素，它的大小取决于正在查看它的屏幕的分辨率，而不是图像文件中的设置

如果图像是72 DPI和72 px宽，它将显示为72 px宽。如果图像的分辨率为144 DPI，宽度为72 px，它将在屏幕上显示为相同的大小。但是，在打印时，144 DPI图像的宽度将是72 DPI图像的一半。

这里有一个（稍微过时）

我还建议大家继续阅读这里的内容。

这里有一个（有点过时）

我还建议您在此处阅读。您可以使用。您可以使用exif数据解析方法解析图像dpi和图像中的其他信息。您可以根据需要从文件标记或图像URL本地加载图像

大多数jpeg图像和原始图像格式在exif数据中存储dpi信息。其他格式（如png）没有针对exif数据的规定，因此如果不将这些图像加载到photoshop等图像编辑工具中，很难提取这些图像的dpi。

您可以使用。您可以使用exif数据解析方法解析图像dpi和图像中的其他信息。您可以根据需要从文件标记或图像URL本地加载图像

---

大多数jpeg图像和原始图像格式在exif数据中存储dpi信息。其他格式（如png）没有针对exif数据的规定，因此如果不将这些图像加载到photoshop等图像编辑工具中，很难提取这些图像的dpi。

谢谢mattc。然后，当我使用photoshop时，有一个设置说分辨率（像素/英寸）是72。有没有办法检测图像本身的分辨率？我为错误的行话道歉。没有问题，这是使用photoshop时常见的误解。屏幕上显示的大小与DPI无关。DPI可能在图像中作为元数据提供，但它不是必需的，所以我不会指望它在那里。关于DPI、PPI等信息，这里有一个很好的参考：所以我想我只需要将我的问题改为图像的PPI是吗？问题是，当在屏幕上显示图像时，一个像素正好占据一个像素的大小。你不知道它有多大，除非你知道它所显示的显示器/屏幕的分辨率。移动设备的PPI非常大，而在标准计算机显示器上则相对较小。它不依赖于图像文件或其中的任何元数据，而是取决于它所显示的实际硬件。如果在图像元数据中设置了DPI或PPI，您可以使用此javascript工具检索它：谢谢mattc。然后，当我使用photoshop时，有一个设置说分辨率（像素/英寸）是72。有没有办法检测图像本身的分辨率？我为错误的行话道歉。没有问题，这是使用photoshop时常见的误解。屏幕上显示的大小与DPI无关。DPI可能在图像中作为元数据提供，但它不是必需的，所以我不会指望它在那里。关于DPI、PPI等信息，这里有一个很好的参考：所以我想我只需要将我的问题改为图像的PPI是吗？问题是，当在屏幕上显示图像时，一个像素正好占据一个像素的大小。你不知道它有多大，除非你知道它所显示的显示器/屏幕的分辨率。移动设备的PPI非常大，而在标准计算机显示器上则相对较小。它不依赖于图像文件或其中的任何元数据，而是取决于它所显示的实际硬件。如果在图像元数据中设置了DPI或PPI，您可以使用此javascript工具检索它：您无法通过任何客户端/服务器端方式计算客户端设备的大小（以英寸为单位）。当然可以用像素来表示。@tea_totaler我指的是图像。我想计算文件的分辨率。你知道如何在photoshop中看到以像素/英寸为单位的图像分辨率吗？没有客户端/服务器端的方法，你无法以英寸为单位计算客户端设备的大小。当然可以用像素来表示。@tea_totaler我指的是图像。我想计算文件的分辨率。你知道如何在photoshop中看到以像素/英寸为单位的图像分辨率吗？