問題:上傳圖片到阿里雲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"/>