Я загружаю изображения из корзины 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.
Когда я устанавливаю флаг ориентации на 6 руководств, он правильно поворачивает мое изображение, однако это не будет масштабироваться как решение для всех изображений. Любая помощь в том, что я делаю не так?