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

Posted 2021-03-08 wobuchifanqie

项目总结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"/>