Vue图像上传调整大小不会自动旋转图片

问题描述

在DjangoREST / Vue.js应用程序中，我使用Vue-image-upload-resize将图片上传到后端。但是在上传图片之前，我会先通过Google Vision API进行检查，确认图片是否属于正确的类别。

我使用Chromium 78编写/测试了我的应用，一切正常运行100％。但是，我已尝试使用较新的Chrome版本（86）来运行我的应用程序，但遇到了一个重大问题。 图片不会自动旋转，因此，Google Vision API无法从图片中获得相同的“标签”，并且我的上传过滤器无法正常工作。

这是我的Vue-image-upload-resize配置，请注意，autoRotate设置为true

<image-uploader
     :preview=false
     :className="['fileinput',{ 'fileinput--loaded': hasImage }]"
     capture="environment"
     :debug="1"
     :quality="1"
     doNotResize="gif"
     :autoRotate=true
     outputFormat="verbose"
     @input="setimage"
     >   
 </image-uploader> 

在文档中是书面的

此功能基于库[exif-js] https://github.com/exif-js/exif-js。

此库有任何已知问题吗？

我已经尝试使用官方codeandBox（https://codesandbox.io/s/mqnow97omj?module=%2Fsrc%2Fcomponents%2FHelloWorld.vue），但遇到了同样的问题。因此，这与我的代码无关。 任何人都可以尝试上传向上拍摄的照片以检查他们是否具有与我相同的错误吗？

解决方法

我找到了答案，并且我相信它将对其他人有用。 Chrome的更高版本会自动执行autorotate。因此，如果您设置了autoReverse=true，它将反转并且已经反转了所有图片。