用智能手机相机拍摄html5照片，图像旋转CW

Question

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

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

我在FF和Chrome（Android设备）中都遇到此问题。我没有在其他浏览器/设备中测试过这种情况。

我会非常感谢你的帮助。

最佳， 克里斯

Answer 1

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

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