Как проверить поворот изображения и повернуть - PullRequest
Новая
       31

Как проверить поворот изображения и повернуть

0 голосов
/ 20 апреля 2019

Я пытаюсь проверить поворот выбранного изображения, а затем повернуть его при предварительном просмотре, если его нужно повернуть. Я использую функцию JavaScript readURL () для отображения предварительного просмотра. Код ниже находится в моем файле main_page.js. Я скучаю по библиотеке, чтобы моя функция Exif работала? Как мне сослаться на другую библиотеку JavaScript из моего файла main_page.js? 

// UPLOAD IMAGE PREVIEW
function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      var img = $('#_nc_image_default')
      fixExifOrientation(img)
      img.attr('src', e.target.result);


    };

    reader.readAsDataURL(input.files[0]);
  }
}

function fixExifOrientation($img) {
  $img.on('load', function() {
    EXIF.getData($img[0], function() {
      console.log('Exif=', EXIF.getTag(this, "Orientation"));
      switch (parseInt(EXIF.getTag(this, "Orientation"))) {
        case 2:
          $img.addClass('flip');
          break;
        case 3:
          $img.addClass('rotate-180');
          break;
        case 4:
          $img.addClass('flip-and-rotate-180');
          break;
        case 5:
          $img.addClass('flip-and-rotate-270');
          break;
        case 6:
          $img.addClass('rotate-90');
          break;
        case 7:
          $img.addClass('flip-and-rotate-90');
          break;
        case 8:
          $img.addClass('rotate-270');
          break;
      }
    });
  });
}
...