Невозможно прочитать данные exif в изображении, используя библиотеку Javascript -Load-Image - PullRequest
0 голосов
/ 09 февраля 2020

Я загружаю изображения из корзины S3, создав предварительно назначенную сторону сервера URL-адресов и передав ее в html, чтобы изображение загружалось только на стороне клиента. Однако в Chrome изображение поворачивается неправильно.

Я использовал библиотеку Javascript -Load-Image (https://github.com/blueimp/JavaScript-Load-Image#exif -parser ), чтобы загрузить изображение и попытайтесь захватить информацию о повороте и исправить поворот. Я поместил предопределенный URL-адрес как атрибут, а не sr c, чтобы избежать его загрузки страницей, а затем во второй раз библиотекой.

  assetImage.getAttribute("img-url"),
  function(img, data) {
    console.log(data);

    img.classList.add("img", "img-fluid");
    assetImage.replaceWith(img);
  },
  { meta: true, orientation: true } // Options
);

Данные выводятся на консоль не возвращает exif или другую информацию только:

{originalWidth: 3264, originalHeight: 2448}

Однако, когда я получаю доступ к URL-адресу вручную и загружаю изображение, я вижу, что атрибут ориентации присутствует в изображении. Также, когда я заменяю предварительно назначенный URL-адрес URL-адресом для другого изображения, он отображает данные exif.

enter image description here

Когда я устанавливаю флаг ориентации на 6 руководств, он правильно поворачивает мое изображение, однако это не будет масштабироваться как решение для всех изображений. Любая помощь в том, что я делаю не так?

...