作者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