在将图像加载到页面中之后,我需要从图像的元数据(使用Exif)中获取图像的方向。
我要介绍两种情况:
首先:图像已加载到<img>
标记
<div><img id="uploadImg1" class="img-fluid" src="source-image-path" alt=""></div>
我可以使用以下代码行获取图像元数据详细信息:
var newimg = document.getElementById(“#ImageId”);
EXIF.getTag(newimg,“方向”); // Exif.js是下载的外部文件,用于获取图像的exif详细信息。并使用它可以获取图像细节。
一切正常。
第二:当我使用背景图像直接在div中加载图像时。
<div class="demo-drop" id="uploadImg2" style="background-image: url(source-image-path);"><div>
我无法在此处获取图像详细信息。知道在这种情况下如何获取图像元数据详细信息吗?