問題描述:正常的圖片前端上傳到oss成功之后的資源地址。在html上引用的時候被旋轉了90度
oss資源地址直接在瀏覽器打開就不會旋轉
問題原因:某些手機拍攝出來的照片可能帶有旋轉參數(存放在照片exif信息里面)。而oss資源上傳之后會默認自適應方向
所以在img標簽中圖片就被旋轉了90度。
解決辦法:阿里雲給出的API很詳細的解答了問題:https://help.aliyun.com/document_detail/44691.html?spm=a2c4g.11186623.6.1160.1c5d149dByJ2yu
我的代碼是vue寫的所以只需要在圖片img的后綴上作如下修改:
上圖中紅色框中的后綴,旋轉后自適應