关于手机拍照后上传,上传角度旋转问题总结

Iphone

关于手机拍照后上传,上传角度旋转问题总结_第1张图片
IOS

Iphone默认正平拍照为正确的方向,竖屏拍照会携带逆时针旋转90的信息,也就是Orientation (rotation)

关于手机拍照后上传,上传角度旋转问题总结_第2张图片

可参考下图理解


关于手机拍照后上传,上传角度旋转问题总结_第3张图片

资料:http://www.cocoachina.com/ios/20150605/12021.html

        https://www.jianshu.com/p/ad4501db178e/

解决思路:

引入了一个叫做 exif.js 的库来实现旋转角度的纠正,它提供了js读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。

解决方法:

1.在保存图片至服务器之前读取图片的拍照方向信息,根据旋转角度做处理,将处理后的图片上传至服务器,显示

优点:预览的图片和大后台审核的图片一致

缺点:据开发说比较难处理

2.将图片上传至服务器,前端读取图片信息,在展示前做旋转角度处理,显示

优点:能快速解决当前出现的问题

缺点:大后台审核的小伙伴审核时看图比较难受

Andriod

Andriod的情况就比较复杂了,就我们公司现有的机型来看,得出以下结论,垂直角度拍摄上传,显示正常

唯一一个 有问题的是三星手机参考资料https://www.jianshu.com/p/01d0fd4b4bfe,跟ios问题一样

资料:https://www.jianshu.com/p/7d88ec1347b6


关于手机拍照后上传,上传角度旋转问题总结_第4张图片
Andriod

你可能感兴趣的:(关于手机拍照后上传,上传角度旋转问题总结)