码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-02-20 15:38:16      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:链接   没有   exif   oss   ima   项目总结   spm   aliyun   enter   

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

 

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

标签:链接   没有   exif   oss   ima   项目总结   spm   aliyun   enter   

原文地址:https://www.cnblogs.com/wobuchifanqie/p/12335578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!