javascript - iOS 旋转照片问题

标签 javascript ios reactjs image react-image

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

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

最佳答案

我终于解决了这个问题。我用过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 }
)

关于javascript - iOS 旋转照片问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61582303/

相关文章:

html - react 组件中的 Bootstrap 进度条问题

javascript - Node.js 生成参数导致 git update-index 失败

javascript - pondjs安装后无法识别

ios - NSMutableAttributedString 在 iOS 7.0.3 中崩溃

ios - 将它用作输入 View 时从 UIPickerView 获取 UITextField

javascript - this.props.videos.map 不是函数

javascript - 如何使用 document.getElementByName 和 getElementByTag?

javascript - datepicker 未根据选项集进行修改

iphone - 保存音频文件并在 View 之间导航

javascript - Material-ui <Table/> 抛出一个 Element 类型无效