Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。  

Exif.js安装

npm install exif-js --save

或者

bower install exif-js --save

Exif.js用法

该包添加了一个全局EXIF变量（或AMD或CommonJS等价物）。 从调用EXIF.getData函数开始。您将图像作为参数传递给它：

• 来自a的图像 <img src="image.jpg">
• 或者用户在<input type="file">页面上的元素中选择的图像。

作为第二个参数，您可以指定回调函数。在回调函数中，您应该使用this访问上述图像的元数据，然后可以根据需要使用它。该图像现在有一个额外的exifdata属性，它是带有Exif元数据的Javascript对象。您可以访问它的属性以获取图像标题，拍摄照片的日期或方向等数据。

你可以得到所有的tages EXIF.getAllTags()。或者获取单个标记EXIF.getTag()，其中您将标记指定为第二个参数。要使用的标记名称列EXIF.Tags在exif.js。

重要说明：请注意，在调用getData或任何其他功能之前，您必须等待图像完全加载。否则它会默默地失败。您可以通过在window.onLoad函数上运行exif-extraction逻辑来实现此等待。或者在图像自身的onLoad功能上。对于jQuery用户，请注意，您不能（可靠地）使用jQuery的ready事件。因为它在加载图像之前触发。您可以使用$(window).load()而不是$(document.ready()（请注意`exif-js不依赖于jQuery或任何其他外部库）。

window.onload=getExif;

function getExif() {
    var img1 = document.getElementById("img1");
    EXIF.getData(img1, function() {
        var make = EXIF.getTag(this, "Make");
        var model = EXIF.getTag(this, "Model");
        var makeAndModel = document.getElementById("makeAndModel");
        makeAndModel.innerHTML = `${make} ${model}`;
    });

    var img2 = document.getElementById("img2");
    EXIF.getData(img2, function() {
        var allMetaData = EXIF.getAllTags(this);
        var allMetaDataSpan = document.getElementById("allMetaDataSpan");
        allMetaDataSpan.innerHTML = JSON.stringify(allMetaData, null, "\t");
    });
}

<img src="image1.jpg" id="img1" />
<pre>Make and model: <span id="makeAndModel"></span></div>
<br/>
<img src="image2.jpg" id="img2" />
<pre id="allMetaDataSpan"></pre>
<br/>

注意还有备用标签，例如EXIF.TiffTags。有关完整定义和使用，请参阅源代码。您还可以使用相应打印的图像中的所有EXIF信息返回一个字符串EXIF.pretty。

Exif.js注意事项：

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/1443