最近因为项目需要用到了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);
}

以上所述是小编给大家介绍的BootStrap Fileinput手机图片上传显示旋转问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # fileinput  # BootStrap Fileinput初始化时的一些参数  # bootstrapfileinput实现文件自动上传  # bootstrap fileinput完整实例分享  # JS文件上传神器bootstrap fileinput详解  # Bootstrap中的fileinput 多图片上传及编辑功能  # Bootstrap的fileinput插件实现多文件上传的方法  # Bootstrap Fileinput文件上传组件用法详解  # 小编  # 朝上  # 朝下  # 在此  # 才会  # 给大家  # 所述  # 给我留言  # 上传图片  # 需要用  # 感谢大家  # 存在问题  # 进行了  # 就可以  # 图片上传  # 疑问请  # 有任何  # 发现了  # 上传照片 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 如何用已有域名快速搭建网站？  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  浅谈redis在项目中的应用  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  详解Oracle修改字段类型方法总结  Laravel怎么防止CSRF攻击_Laravel CSRF保护中间件原理与实践  详解Android中Activity的四大启动模式实验简述  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  如何将凡科建站内容保存为本地文件？  如何快速生成橙子建站落地页链接？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何在IIS中新建站点并配置端口与物理路径？  如何安全更换建站之星模板并保留数据？  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  如何在VPS电脑上快速搭建网站？  Laravel如何处理表单验证？（Requests代码示例）  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  如何用AWS免费套餐快速搭建高效网站？  如何基于PHP生成高效IDC网络公司建站源码？  海南网站制作公司有哪些,海口网是哪家的？  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  python中快速进行多个字符替换的方法小结  Laravel如何发送系统通知？（Notification渠道示例）  php485函数参数是什么意思_php485各参数详细说明【介绍】  Android 常见的图片加载框架详细介绍  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  javascript如何操作浏览器历史记录_怎样实现无刷新导航  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  如何在建站之星网店版论坛获取技术支持？  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  如何在云主机上快速搭建多站点网站？  如何在阿里云虚拟服务器快速搭建网站？  Laravel中的withCount方法怎么高效统计关联模型数量  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  Android滚轮选择时间控件使用详解  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  教你用AI将一段旋律扩展成一首完整的曲子  如何快速搭建支持数据库操作的智能建站平台？  黑客如何通过漏洞一步步攻陷网站服务器？  如何快速生成凡客建站的专业级图册？  Laravel如何创建自定义中间件？（Middleware代码示例）  如何快速登录WAP自助建站平台？  音响网站制作视频教程,隆霸音响官方网站？  百度输入法ai组件怎么删除 百度输入法ai组件移除工具  Python3.6正式版新特性预览  网站制作大概多少钱一个,做一个平台网站大概多少钱？