jquery 判斷照片的方向
阿新 • • 發佈:2019-01-28
手上做到個專案正好需要這塊知識,需求是判斷手裡的照片是橫拍的還是豎拍的。
原理:
根據手機相簿內照片的EXIF屬性判斷,EXIF屬性裡面有個Orientation的值,來確定照片是否需要旋轉
Orientation的引數值
引數 | 0行(未旋轉上) | 0列(未旋轉左) | 旋轉(方法很多) |
1 | 上 | 左 | 0° |
2 | 上 | 右 | 水平翻轉 |
3 | 下 | 右 | 180° |
4 | 下 | 左 | 垂直翻轉 |
5 | 左 | 上 | 順時針90°+水平翻轉 |
6 | 右 | 上 | 順時針90° |
7 | 右 | 下 | 順時針90°+垂直翻轉 |
8 | 左 | 下 | 逆時針90° |
手機的話,只要判斷1,3,6,8 這4個值即可
實現:
這裡要用到JQ的第三方的一個外掛exif.js 具體方法說明,去官方看吧
http://code.ciaoca.com/javascript/exif-js/
使用方法:
var Orientation = 1; EXIF.getData(this, function() { Orientation = EXIF.getTag(this, "Orientation"); }); //需要90度旋轉的 if ((Orientation == 6) || (Orientation == 8)) { console.log("旋轉"); }