Iphone
Iphone默認(rèn)正平拍照為正確的方向,豎屏拍照會(huì)攜帶逆時(shí)針旋轉(zhuǎn)90的信息温眉,也就是Orientation (rotation)
可參考下圖理解
資料:http://www.cocoachina.com/ios/20150605/12021.html
? ? ? ? http://www.reibang.com/p/ad4501db178e/
解決思路:
引入了一個(gè)叫做?exif.js?的庫(kù)來(lái)實(shí)現(xiàn)旋轉(zhuǎn)角度的糾正,它提供了js讀取圖像的原始數(shù)據(jù)的功能擴(kuò)展翁狐,例如:拍照方向类溢、相機(jī)設(shè)備型號(hào)、拍攝時(shí)間露懒、ISO 感光度闯冷、GPS 地理位置等數(shù)據(jù)。
解決方法:
1.在保存圖片至服務(wù)器之前讀取圖片的拍照方向信息懈词,根據(jù)旋轉(zhuǎn)角度做處理蛇耀,將處理后的圖片上傳至服務(wù)器,顯示
優(yōu)點(diǎn):預(yù)覽的圖片和大后臺(tái)審核的圖片一致
缺點(diǎn):據(jù)開(kāi)發(fā)說(shuō)比較難處理
2.將圖片上傳至服務(wù)器坎弯,前端讀取圖片信息纺涤,在展示前做旋轉(zhuǎn)角度處理,顯示
優(yōu)點(diǎn):能快速解決當(dāng)前出現(xiàn)的問(wèn)題
缺點(diǎn):大后臺(tái)審核的小伙伴審核時(shí)看圖比較難受
Andriod
Andriod的情況就比較復(fù)雜了抠忘,就我們公司現(xiàn)有的機(jī)型來(lái)看撩炊,得出以下結(jié)論,垂直角度拍攝上傳崎脉,顯示正常
唯一一個(gè) 有問(wèn)題的是三星手機(jī)參考資料http://www.reibang.com/p/01d0fd4b4bfe拧咳,跟ios問(wèn)題一樣
資料:http://www.reibang.com/p/7d88ec1347b6