iOS旋转照片问题

Question

我已经用React (CRA)设置了一个PWA。当我在iOS中上传图片并使用react-image-crop进行裁剪时，它会横向显示裁剪后的图片，它在所有其他设备(台式机、安卓系统)上都工作得很好。我看到了一些类似的问题，但我真的不能理解是什么导致了这个问题，以及如何修复它。

任何帮助/指导都将不胜感激。

Answer 1

我终于解决了这个问题。在获取blob的URL之前，我使用blueimp-load-image将方向设置为1，这样它就不会根据方向值旋转图片。问题是，它是在我的服务器上轮流保存的，它需要覆盖它。

loadImage(
  fileOrBlobOrUrl,
  function (img, data) {
    if (data.imageHead) {
      img.toBlob(function (blob) {
        loadImage.replaceHead(blob, data.imageHead, function (newBlob) {
          // do something with the new Blob object
        })
      }, 'image/jpeg')
    }
  },
  { meta: true, canvas: true, maxWidth: 800 }
)

Answer 2

旋转可以由图像的exif数据引起。如果它在旋转过程中丢失，iOS将显示“错误”的图像。使用联机exif查看器，旋转并保存图像，并检查exif数据是否保留。