作者owentseng (owen)
看板Web_Design
標題上傳照片圖像會轉向
時間Fri Nov 25 19:27:16 2016
網站有一個功能是頭像上傳，
用pc使用上完全是沒有問題的，
但問題出在如果是手機開啟網站點擊上傳照片時，因為手機會自動開啟拍照功能，
拍完照片上傳之後 照片就自動轉向90度了 ，但不是每一種手機都會轉向，查詢google也
都沒類似的問題，有換過其他插件，但都是一樣的情況，請問這個問題有改善空間嗎？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.42.13.224
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1480073238.A.C64.html
1F：→ hooy2013: 關鍵字 exif.js 11/25 19:48
2F：→ hooy2013: 就是移動端裝置EX IOS會轉向 要用exif去讓他轉回來 11/25 19:51
3F：→ hooy2013: GITHUB套件挺多的，我之前有用過JCROP 11/25 19:52
4F：→ owentseng: 原來如此 我試試看。太感謝了 11/25 19:53
6F：→ ryan10328: .blogspot.tw，但我是用server端的方式把圖片轉回來 11/25 20:24
7F：→ owentseng: 太感謝了 但我測試一下 如果是設定背景圖片好像就不能 11/28 12:00
8F：→ owentseng: 了 11/28 12:00
9F：→ owentseng: 我剛才把它改為img標籤可以用 11/28 13:47
10F：→ owentseng: 但是變成手機版正常 pc版本跟著轉了耶 11/28 13:48
11F：→ owentseng: 請問一定要用convas嗎？ 11/28 17:10
12F：推 hooy2013: 你用什麼方法? 11/29 11:07
13F：→ owentseng: 嗨 其實我不知道怎麼調用 11/30 18:14
14F：→ owentseng: 上網查很多exif 都是教怎麼獲取資訊但沒有寫調用的方法 11/30 18:15
15F：推 jenocool: 簡單來說是格式的問題，所以使用exif.js來取得圖片旋轉 12/01 08:36
16F：→ jenocool: 角度的資訊，再使用canvas依照角度調整成正常的樣子 12/01 08:36
17F：→ owentseng: 好的 我看看convas怎麼旋轉 12/01 09:07
18F：→ owentseng: Dotblogs.com.tw/Lapland/2015/09/25/153444 12/01 10:31
19F：→ owentseng: 我照這篇去設定還是失敗 12/01 10:32
20F：→ owentseng: 看樣子是跟上傳到後台的js有衝突到 12/01 12:03
21F：→ owentseng: 我把後台那段js先隱藏 就能夠讀到canvas的 12/01 12:04
22F：推 jenocool: 流程應該是利用file tag上傳，利用exif.js取得旋轉角度 12/02 08:02
23F：→ jenocool: ，再依照角度畫在canvas上，再用toDataURL轉換成base64 12/02 08:02
24F：→ jenocool: 碼，傳給後端存成檔案，如果還有什麼問題可以私訊我 12/02 08:02
25F：→ owentseng: 好的 還在奮戰 12/03 12:06