上傳角
發布時間: 2023-02-08 04:48:22
Ⅰ 關於手機拍照後上傳,上傳角度旋轉問題總結
Iphone默認正平拍照為正確的方向,豎屏拍照會攜帶逆時針旋轉90的信息,也就是Orientation (rotation)
可參考下圖理解
資料: http://www.cocoachina.com/ios/20150605/12021.html
https://www.jianshu.com/p/ad4501db178e/
解決思路:
引入了一個叫做 exif.js 的庫來實現旋轉角度的糾正,它提供了js讀取圖像的原始數據的功能擴展,例如:拍照方向、相機設備型號、拍攝時間、ISO 感光度、GPS 地理位置等數據。
解決方法:
1.在保存圖片至伺服器之前讀取圖片的拍照方向信息,根據旋轉角度做處理,將處理後的圖片上傳至伺服器,顯示
優點:預覽的圖片和大後台審核的圖片一致
缺點:據開發說比較難處理
2.將圖片上傳至伺服器,前端讀取圖片信息,在展示前做旋轉角度處理,顯示
優點:能快速解決當前出現的問題
缺點:大後台審核的小夥伴審核時看圖比較難受
Andriod的情況就比較復雜了,就我們公司現有的機型來看,得出以下結論,垂直角度拍攝上傳,顯示正常
唯一一個 有問題的是三星手機參考資料 https://www.jianshu.com/p/01d0fd4b4bfe ,跟ios問題一樣
資料: https://www.jianshu.com/p/7d88ec1347b6
熱點內容
