javascript - iOS 旋转照片问题

Question

我已经使用 React (CRA) 设置了 PWA。当我在 iOS 中上传图片并使用 react-image-crop 裁剪它时，它会横向显示裁剪后的图像，它在所有其他设备(桌面、Android)上运行良好。我看到了一些类似的问题，但我无法真正理解导致该问题的原因以及如何解决它。

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

Answer 1

我终于解决了这个问题。我用过blueimp-load-image在获取 blob 的 URL 之前将方向设置为 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 }
)