上傳照片圖像會轉向

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