如何解决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
,它将反转并且已经反转了所有图片。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。