![](/template/pc/skin/images/siyuantop.jpg)
BootStrapFileinput手机图片上传显示旋转问题怎么办
- 作文素材
- 2024-04-20 03:00:01
怎样用手机发帖上传图片
如何上传图片
怎么上传图片
网页图片不显示怎么办
手机刷微信朋友圈图片不显示怎么办
手机屏幕不显示怎么办
怎么设置手机来电显示图片
苹果手机显示无服务怎么办
手机显示屏进水怎么办
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手机图片上传显示旋转问题怎么办”
上一篇
如何诊断自己的健康状况
下一篇
如何让宝宝更加健康
![](/template/pc/skin/images/siyuanfooter.jpg)