上传照片图像会转向 owentseng PTT批踢踢实业坊

楼主: owentseng (owen) 2016-11-25 19:27:16

网站有一个功能是头像上传，
用pc使用上完全是没有问题的，
但问题出在如果是手机开启网站点击上传照片时，因为手机会自动开启拍照功能，
拍完照片上传之后照片就自动转向90度了，但不是每一种手机都会转向，查询google也
都没类似的问题，有换过其他插件，但都是一样的情况，请问这个问题有改善空间吗？

作者: hooy2013 (gogo) 2016-11-25 19:48:00

关键字 exif.js就是移动端装置EX IOS会转向要用exif去让他转回来GITHUB套件挺多的，我之前有用过JCROP

楼主: owentseng (owen) 2016-11-25 19:53:00

原来如此我试试看。太感谢了

作者: ryan10328 (大鸟) 2016-11-25 20:24:00

我上礼拜有遇到，有写成文章，可参考 http://ryan10328.blogspot.tw，但我是用server端的方式把图片转回来

楼主: owentseng (owen) 2016-11-28 12:00:00

太感谢了但我测试一下如果是设定背景图片好像就不能了我刚才把它改为img标签可以用但是变成手机版正常 pc版本跟着转了耶请问一定要用convas吗？

作者: hooy2013 (gogo) 2016-11-29 11:07:00

你用什么方法?

楼主: owentseng (owen) 2016-11-30 18:14:00

嗨其实我不知道怎么调用上网查很多exif 都是教怎么获取资讯但没有写调用的方法

作者: jenocool 2016-12-01 08:36:00

简单来说是格式的问题，所以使用exif.js来取得图片旋转角度的资讯，再使用canvas依照角度调整成正常的样子

楼主: owentseng (owen) 2016-12-01 09:07:00

好的我看看convas怎么旋转Dotblogs.com.tw/Lapland/2015/09/25/153444我照这篇去设定还是失败看样子是跟上传到后台的js有冲突到我把后台那段js先隐藏就能够读到canvas的

作者: jenocool 2016-12-02 08:02:00

流程应该是利用file tag上传，利用exif.js取得旋转角度，再依照角度画在canvas上，再用toDataURL转换成base64码，传给后端存成档案，如果还有什么问题可以私讯我

楼主: owentseng (owen) 2016-12-03 12:06:00

好的还在奋战

继续阅读