1. 程式人生 > >jquery 判斷照片的方向

jquery 判斷照片的方向

手上做到個專案正好需要這塊知識,需求是判斷手裡的照片是橫拍的還是豎拍的。

原理:

      根據手機相簿內照片的EXIF屬性判斷,EXIF屬性裡面有個Orientation的值,來確定照片是否需要旋轉

Orientation的引數值

引數 0行(未旋轉上) 0列(未旋轉左) 旋轉(方法很多)
1
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("旋轉");
	}