1. 程式人生 > >關於阿里雲oss上傳圖片之後會被旋轉90度的解決辦法

關於阿里雲oss上傳圖片之後會被旋轉90度的解決辦法

問題描述:正常的圖片前端上傳到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的字尾上作如下修改:

上圖中紅色框中的字尾,旋轉後自適應