Мне нужно получить ориентацию изображения из его метаданных (используя Exif) после его загрузки на страницу.
У меня есть два сценария для покрытия:
Первый: изображение загружается в тег <img>
<div><img id="uploadImg1" class="img-fluid" src="source-image-path" alt=""></div>
Я могу получить подробные метаданные изображения, используя следующие строки:код:
var newimg = document.getElementById ("# ImageId");
EXIF.getTag (newimg, "Orientation");// Exif.js - это внешний файл, загруженный для получения exif-деталей изображения. И используя это, мы можем получить детали изображения.
Это работает нормально.
Второе: когда я использую background-image, чтобы загрузить изображение внутри div напрямую.
<div class="demo-drop" id="uploadImg2" style="background-image: url(source-image-path);"><div>
Я не могу получить детали изображения здесь. Любая идея, как я могу получить подробности метаданных изображения в этом случае?