项目总结56:阿里云OSS上传的图片被自动旋转问题解决

 

问题:上传图片到阿里云OSS,再再HTML标签使用OSS图片路径,展示的图片被自动旋转了;但是将图片图片路径直接浏览器打开,是原始没有旋转过的;

解决方案:

  阿里云文档已经说明了解决方案,链接:https://help.aliyun.com/document_detail/44691.html?spm=a2c4g.11186623.6.1160.1c5d149dByJ2yu

  原因是某些手机拍摄出来的照片可能带有旋转参数(存放在照片exif信息里面),img处理图片是会识别这个旋转参数

  即在URL后面加上"?x-oss-process=image/resize,w_100/auto-orient,1", 就会正常(但很奇怪,阿里云文档说参数0时不旋转,这里是1表示不旋转)

<img src="${picUrl.fileUrl}?x-oss-process=image/resize,w_100/auto-orient,1"/>

 

posted on 2020-02-20 14:27  我不吃番茄  阅读(924)  评论(0编辑  收藏  举报