最近因為專案需要用到了bootstrap fileinput的外掛，在使用蘋果手機上傳圖片預覽時，發現圖片方向和手機本地儲存方向不一致問題。後來通過查詢資料瞭解圖片具有EXIF(Exchangeable Image File Format)旋轉屬性標識，fileinput對旋轉進行了處理。預覽圖片顯示的為電腦圖片存放方向。

用iPhone手機通過home鍵朝向四個不同的方向進行拍照後，上傳照片顯示與預覽圖片方向並不一致。有點不明白其中緣由，後來發現了規則，只有Home鍵朝下和朝上的時候才會發現顯示不一致問題。解決方案如下：

fileinput.css、fileinput.min.css檔案中，css樣式旋轉角度存在問題，修改以下樣式就可以啦。關於圖片旋轉問題詳見：http://www.cocoachina.com/ios/20150605/12021.html說的很詳細呢。

Home鍵朝下拍攝

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

Home鍵朝上拍攝

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