BootStrapFileinput手機(jī)圖片上傳顯示旋轉(zhuǎn)問題怎么辦

　　最近因?yàn)轫?xiàng)目需要用到了bootstrap  fileinput的插件，在使用蘋果手機(jī)上傳圖片預(yù)覽時(shí)，發(fā)現(xiàn)圖片方向和手機(jī)本地存儲(chǔ)方向不一致問題。后來通過查詢資料了解圖片具有EXIF(Exchangeable  Image File Format)旋轉(zhuǎn)屬性標(biāo)識(shí)，fileinput對(duì)旋轉(zhuǎn)進(jìn)行了處理。預(yù)覽圖片顯示的為電腦圖片存放方向。

　　用iPhone手機(jī)通過home鍵朝向四個(gè)不同的方向進(jìn)行拍照后，上傳照片顯示與預(yù)覽圖片方向并不一致。有點(diǎn)不明白其中緣由，后來發(fā)現(xiàn)了規(guī)則，只有Home鍵朝下和朝上的時(shí)候才會(huì)發(fā)現(xiàn)顯示不一致問題。解決方案如下：

　　fileinput.css、fileinput.min.css文件中，css樣式旋轉(zhuǎn)角度存在問題，修改以下樣式就可以啦。Home鍵朝下拍攝

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

　　Home鍵朝上拍攝

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

【BootStrapFileinput手機(jī)圖片上傳顯示旋轉(zhuǎn)問題怎么辦】相關(guān)文章：

怎樣用手機(jī)發(fā)帖上傳圖片04-29

如何上傳圖片03-30

怎么上傳圖片03-22

網(wǎng)頁圖片不顯示怎么辦06-04

手機(jī)刷微信朋友圈圖片不顯示怎么辦03-30

手機(jī)屏幕不顯示怎么辦01-26

怎么設(shè)置手機(jī)來電顯示圖片03-31

蘋果手機(jī)顯示無服務(wù)怎么辦03-31

手機(jī)顯示屏進(jìn)水怎么辦04-26