H5移动端下html上传图片被旋转问题

iOS下,html方式使用<input type="file">上传图片,图片会被旋转。遇到这个问题js是无法解决的,html也没有相应的解决方案。只能放到后台去处理,将旋转的图片再旋转回来。iOS拍摄的图片提供了EXIF信息,Orientation值为6即顺时针90度,有了这个信息我们只需要逆时针旋转90度即可。

//==========补充20160317 15.42==========//

可是,后端把图片旋转后,没有把图片的宽高调换过来!!

所以,我这边前端一直再重复计算裁剪的x y w h,怎么计算,都对用手机竖着拍照的照片存在偏差。

后面和后端同学一起聊的时候,才发现应该是后端在把图片逆旋转90度的同时,没有把图片的换高调换过来。

因此,解决方案是:

后端在旋转图片的时候,记得看看宽高是否也要调换下。

可参考:

http://www.thinksaas.cn/group/topic/351028/

http://www.cnblogs.com/simonbaker/p/5279333.html

http://www.cnblogs.com/simonbaker/p/5279342.html

原文地址:https://www.cnblogs.com/simonbaker/p/5279351.html