html - 用智能手机相机拍摄html5照片，图像顺时针旋转

Question

我在移动浏览器（FF 和 Chrome）中测试 html5 功能。我想使用 < input type="file" accept="image/*;capture=camera">.

我为“更改”事件创建了一个处理程序，< input />并使用它来获取文件数据（名称和内容），为此我使用本文中描述的方法http://www.html5rocks.com/en/tutorials/file/ dndfiles/。< img />之后，我通过 img.src=content显示照片的内容。问题是，当我用设备相机拍照时，它旋转了 90 度，当我从设备硬盘驱动器中选择 img 时，它没问题（它没有旋转）。

我在 FF 和 Chrome（Android 设备）中都有这个问题。我没有在其他浏览器/设备上测试过这个案例。

我会非常感激任何帮助。

最好的，克里斯

Answer 1

您需要读取图片上的 EXIF 数据，并根据用户拍摄图片的方向适当旋转。

其他人已经解决了这个问题，您可以通过https://github.com/gokercebeci/canvasResize看到一个示例作为示例。