由于拍摄的图片是横拍的, 上传的时候被自动旋转了, 像下面这样:
问题描述:
上传图片到阿里云OSS，再HTML标签使用OSS图片路径，展示的图片被自动旋转了；但是将图片图片路径直接浏览器打开，是原始没有旋转过的.
那么如何解决?
很简单, 只需要在图片链接中加上一个属性x-oss-process, 像下面这样:
url链接加上?x-oss-process=image/resize,w_100/auto-orient,1
<img class='image-bg' :src="info.liveImage ? (info.liveImage+'?x-oss-process=image/resize,w_100/auto-orient,1') :defaultImg" alt="">
阿里云文档: https://help.aliyun.com/document_detail/44691.html?spm=a2c4g.11186623.6.1160.1c5d149dByJ2yu
