上傳照片圖像會轉向

[owentseng (owen)]

網站有一個功能是頭像上傳，
用pc使用上完全是沒有問題的，

但問題出在如果是手機開啟網站點擊上傳照片時，因為手機會自動開啟拍照功能，

拍完照片上傳之後 照片就自動轉向90度了 ，但不是每一種手機都會轉向，查詢google也
都沒類似的問題，有換過其他插件，但都是一樣的情況，請問這個問題有改善空間嗎？



--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.42.13.224
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1480073238.A.C64.html
→ hooy2013: 關鍵字 exif.js
→ hooy2013: 就是移動端裝置EX IOS會轉向 要用exif去讓他轉回來
→ hooy2013: GITHUB套件挺多的，我之前有用過JCROP
→ owentseng: 原來如此 我試試看。太感謝了
推 ryan10328: 我上禮拜有遇到，有寫成文章，可參考 http://ryan10328
→ ryan10328: .blogspot.tw，但我是用server端的方式把圖片轉回來
→ owentseng: 太感謝了 但我測試一下 如果是設定背景圖片好像就不能
→ owentseng: 了
→ owentseng: 我剛才把它改為img標籤可以用
→ owentseng: 但是變成手機版正常 pc版本跟著轉了耶
→ owentseng: 請問一定要用convas嗎？
推 hooy2013: 你用什麼方法?
→ owentseng: 嗨 其實我不知道怎麼調用
→ owentseng: 上網查很多exif 都是教怎麼獲取資訊但沒有寫調用的方法
推 jenocool: 簡單來說是格式的問題，所以使用exif.js來取得圖片旋轉
→ jenocool: 角度的資訊，再使用canvas依照角度調整成正常的樣子
→ owentseng: 好的 我看看convas怎麼旋轉
→ owentseng: Dotblogs.com.tw/Lapland/2015/09/25/153444
→ owentseng: 我照這篇去設定還是失敗
→ owentseng: 看樣子是跟上傳到後台的js有衝突到
→ owentseng: 我把後台那段js先隱藏 就能夠讀到canvas的
推 jenocool: 流程應該是利用file tag上傳，利用exif.js取得旋轉角度
→ jenocool: ，再依照角度畫在canvas上，再用toDataURL轉換成base64
→ jenocool: 碼，傳給後端存成檔案，如果還有什麼問題可以私訊我
→ owentseng: 好的 還在奮戰