As the horizontal position of the picture is taken, when the upload is automatically rotated, like this:
Problem Description:
Upload images to Ali cloud OSS, then use HTML tags OSS path to the image, the picture display is automatically rotated; but the picture browser to open a direct path to the image, not the original that was rotated.
So how to solve?
Very simple, only need to add an attribute x-oss-process, in pictures like this link:
url link together ? 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="">
Ali cloud document: https://help.aliyun.com/document_detail/44691.html?spm=a2c4g.11186623.6.1160.1c5d149dByJ2yu