快好知 kuaihz

BootStrapFileinput手机图片上传显示旋转问题怎么办

BootStrapFileinput手机图片上传显示旋转问题怎么办

最近因为项目需要用到了bootstrap  fileinput的插件,在使用苹果手机上传图片预览时,发现图片方向和手机本地存储方向不一致问题。后来通过查询资料了解图片具有EXIF(Exchangeable  Image File Format)旋转属性标识,fileinput对旋转进行了处理。预览图片显示的为电脑图片存放方向

用iPhone手机通过home键朝向四个不同的"方向进行拍照后,上传照片显示与预览图片方向并不一致。有点不明白其中缘由,后来发现了规则,只有Home键朝下和朝上的时候才会发现显示不一致问题。解决方案如下:

fileinput.css、fileinput.min.css文件中,css样式旋转角度存在问题,修改以下样式就可以啦。Home键朝下拍摄

.rotate-6 { /*transform: rotate(90deg);原代码*/ transform: rotate(270deg);}

Home键朝上拍摄

.rotate-8 { /*transform: rotate(270deg);原代码*/ transform: rotate(90deg);}

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:BootStrapFileinput  BootStrapFileinput词条  手机图片  手机图片词条  旋转  旋转词条  怎么办  怎么办词条  上传  上传词条  
综合

 手机进水白屏了怎么办

手机进水白屏了怎么办手机进水会造成手机的严重损坏,以下是小编收集的相关信息,仅供大家阅读参考!手机进水怎么办手机进水后,第一时间捞上来,减少手机泡水的时间。如果...(展开)

综合

 手机降温的方法

手机降温的方法在使用手机的时候,经常会遇到发烫的情况,那么,我们应该如何对其进行降温呢?下面就让小编告诉大家手机如何降温,希望对大家有所帮助。手机降温的&quo...(展开)

综合

 手机中蓝牙病毒问题解答

手机中蓝牙病毒问题解答现在手机病毒正在模仿电脑病毒的常见破坏手法,总体看来,手机病毒虽然开始模仿电脑病毒,但是主动散播力较弱,不轻易用蓝牙接收来路不明的短信就不...(展开)