我的应用程序使用 HTML5 中的 File API 来实现拖放功能。我还需要确保删除的文件遵循 72 像素/英寸的分辨率。
如何使用 HTML5 或 Javascript 找到图像的分辨率?
我的应用程序使用 HTML5 中的 File API 来实现拖放功能。我还需要确保删除的文件遵循 72 像素/英寸的分辨率。
如何使用 HTML5 或 Javascript 找到图像的分辨率?
DPI 是一种硬件测量,更具体地用于打印,并且不适用于在屏幕上查看时的图像数据。像素是一个像素,它的大小取决于您正在查看的屏幕的分辨率,而不是图像文件中的设置。
如果图像是 72 DPI 和 72 像素宽,它将显示为 72 像素宽。如果图像为 144 DPI 和 72 像素宽,它将在屏幕上显示为相同大小。但是,在打印中,144 DPI 图像的宽度将是 72 DPI 图像宽度的一半。
这是一个(稍微过时的)JavaScript EXIF Reader。
我还建议在 SO 上阅读此答案。
您可以使用blueimp Javascript-Load-Image 库。您可以使用 exif 数据解析方法从图像中解析图像 dpi 和其他信息。您可以根据需要从文件标签或图像 url 在本地加载图像。
大多数 jpeg 图像和原始图像格式将 dpi 信息存储在 exif 数据中。png 等其他格式没有 exif 数据的规定,因此如果不将它们实际加载到 Photoshop 等图像编辑工具中,就很难提取此类图像的 dpi。