[JavaScript]画像のExifのOrientationを取得する

どうやら、canvasタグに画像を流して再度取得した場合、縦に撮影したにもかかわらず横向きになってしまうようだ。

原因は、jpegの画像のExifのOrientationが原因なんだけど、そもそも、ExifのOrientationの情報を取得することはできるのだろうか？

exif-js と ios-imagefile-megapixel でスマホからの画像アップロードのプレビュー表示に対応する
によると、exif-jsで取得できるっぽくて、下のようなプログラムでいけるもよう。

$('input[type="file"]').on("change",function(e){
  var currentTarget = e.currentTarget;
  var $currentTarget = $(e.currentTarget);
  var file = currentTarget.files[0];
  EXIF.getData(file, function(){
    var orientation = file.exifdata.Orientation;
    console.log(orientation)
  });
});

require.jsに対応しているからめっちゃ便利ー。


参考
[JavaScript] 画像リサイズ＆回転