相同的图像有时会旋转180度

Question

我正在使用filepicker.io将图像从iOS设备上传到Filepicker。

在我的代码中，我使用的是图片代码＆＃34;＆gt;。当我查看图像时： 1）在桌面浏览器（Chrome）上，它是颠倒的（旋转180度） 2）我从移动设备（iOS）查看相同的HTML页面，并且它正确的方式。 3）如果我只是在浏览器中查看filepicker.io链接（我不是通过imag标签），它就是正确的方式。

有什么想法吗？

Answer 1

确实有些浏览器会忽略EXIF方向信息。这主要影响IOS设备。我通过在上传后立即转换图像来解决这个问题：

filepicker.convert(InkBlob, 
     {width: 800, format: 'jpg', quality: 85, rotate: "exif"}...

Answer 2

好的，它是＆＃34;的定位＆＃34;我想有些浏览器似乎会自动应用/修复此问题。缺点是，我需要找出方向是什么，然后相应地应用/旋转图像。

我已设法使用JavaScript loadImage手动执行此操作。

我正在努力研究如何在这个线程中动态地做到这一点Can't get EXIF info using loadImage.parseMetaData我知道该怎么做，它只是不起作用......但是我会离开那个在那个帖子中整理出来。