拍照上傳圖片,圖片顯示是旋轉后的


在ios上會出現通過拍照上傳的圖片出現旋轉的現象,圖片在手機瀏覽器(ios,android) img,background-img上顯示是旋轉的,在電腦上顯示並沒有旋轉(應該是手機瀏覽器上會根據元信息旋轉圖片,pc上不會)。android上不會出現。

可以通過exif-js 讀取圖片的元信息,查看元信息中是否顯示圖片是旋轉過的。

exif-js 讀取圖片的元信息是通過 讀取圖片二進制來獲取的。

如果圖片是旋轉的 需要在后台處理一下圖片,修復旋轉。 前端也可以通過canvas 來修復旋轉,但圖片大時前端處理耗時很久,應該還是要后端處理.

 

前端處理參考:https://blog.csdn.net/xiaoermingn/article/details/94398621  圖片是2M時處理時間大概是10s,而且是阻塞10s


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM