作者owentseng (owen)
看板Web_Design
标题上传照片图像会转向
时间Fri Nov 25 19:27:16 2016
网站有一个功能是头像上传，
用pc使用上完全是没有问题的，
但问题出在如果是手机开启网站点击上传照片时，因为手机会自动开启拍照功能，
拍完照片上传之後 照片就自动转向90度了 ，但不是每一种手机都会转向，查询google也
都没类似的问题，有换过其他插件，但都是一样的情况，请问这个问题有改善空间吗？
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.42.13.224
※ 文章网址: https://webptt.com/cn.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