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

相关推荐： 网站制作报价单模板图片,小松挖机官方网站报价？  如何用PHP快速搭建CMS系统？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  Laravel Eloquent：优雅地将关联模型字段扁平化到主模型中  Laravel如何发送系统通知？（Notification渠道示例）  如何在七牛云存储上搭建网站并设置自定义域名？  网站图片在线制作软件,怎么在图片上做链接？  android nfc常用标签读取总结  如何在腾讯云服务器上快速搭建个人网站？  Laravel怎么连接多个数据库_Laravel多数据库连接配置  如何注册花生壳免费域名并搭建个人网站？  进行网站优化必须要坚持的四大原则  在线制作视频网站免费,都有哪些好的动漫网站？  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  lovemo网页版地址 lovemo官网手机登录  香港服务器网站推广：SEO优化与外贸独立站搭建策略  Mybatis 中的insertOrUpdate操作  详解Oracle修改字段类型方法总结  详解vue.js组件化开发实践  如何批量查询域名的建站时间记录？  Laravel项目结构怎么组织_大型Laravel应用的最佳目录结构实践  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  原生JS实现图片轮播切换效果  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  JavaScript Ajax实现异步通信  百度浏览器ai对话怎么关 百度浏览器ai聊天窗口隐藏  Android okhttputils现在进度显示实例代码  Laravel中DTO是什么概念_在Laravel项目中使用数据传输对象(DTO)  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  如何用虚拟主机快速搭建网站？详细步骤解析  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  手机软键盘弹出时影响布局的解决方法  如何在阿里云通过域名搭建网站？  Laravel怎么使用Intervention Image库处理图片上传和缩放  网站制作软件有哪些,制图软件有哪些？  Laravel如何配置和使用缓存？（Redis代码示例）  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  利用python获取某年中每个月的第一天和最后一天  如何快速搭建高效简练网站？  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  敲碗10年！Mac系列传将迎来「触控与联网」双革新  焦点电影公司作品,电影焦点结局是什么？  香港服务器WordPress建站指南：SEO优化与高效部署策略  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  音乐网站服务器如何优化API响应速度？  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）