在javascript中检测图像的EXIF方向

Detect EXIF Orientation of an image in javascript

本文关键字:EXIF 方向 图像 检测 javascript      更新时间:2023-09-26

在我的移动Web应用程序中,我需要检查使用输入类型=文件控件选择的图像文件的EXIF方向标记,这需要在javascript的客户端完成,在选定的图像文件上传到服务器之前。

我已经看到了几个与此类似的线程,但其中大多数都说使用一个名为binaryajax的库.js以便能够从文件对象访问EXIF数据。 不幸的是,简单地在我的项目中包括binaryajax.js会导致jQuery 1.7.1中出现拒绝访问错误,我不知道为什么会发生这种情况。此错误使我无法使用这个jquery库。 所以我正在寻找一个不使用此库的解决方案。 我尝试使用的另一个库是jquery.exif.js并且我还收到尝试使用它的访问被拒绝错误。

编辑:

经过大量测试,我使用 binaryajax 跟踪了错误的原因.js到我的主页上的两个链接(这不是我包含 jquery 插件的页面)格式:

<a onclick="$('#home-form-login').submit();"></a>

在链接上包含这些单击事件处理程序会导致尝试使用该插件时出现拒绝访问错误。 因为这些链接在我的主页上,所以它们也包含在我访问的所有其他页面中,如果这有意义的话。

我该如何解决这个问题?

我最近遇到了这个库,用于JavaScript中的图像处理。它可以读取图像的EXIF数据,包括方向。值得研究

https://github.com/blueimp/JavaScript-Load-Image