探索Exif.js:轻量级JavaScript库,解析图片元数据
Exif.js 是一个轻量级的 JavaScript 库,用于读取图片文件的 EXIF (Exchangeable Image File Format) 元数据。以下是使用 Exif.js 读取图片元数据的示例代码:
首先,确保在您的 HTML 文件中包含了 Exif.js 库:
<script src="path/to/exif.js"></script>
然后,您可以使用以下代码读取图片的 EXIF 信息:
// 假设您的页面中有一个<img>标签,其id为"image"
var img = document.getElementById('image');
EXIF.getData(img, function() {
var make = EXIF.getTag(this, 'Make'); // 相机制造商
var model = EXIF.getTag(this, 'Model'); // 相机型号
var orientation = EXIF.getTag(this, 'Orientation'); // 图片方向
console.log('Camera Make/Model: ' + make + ' ' + model);
console.log('Orientation: ' + orientation);
});
在这个例子中,我们首先通过 document.getElementById
获取到图片元素。然后,使用 EXIF.getData
函数获取图片的 EXIF 数据,并在回调函数中使用 EXIF.getTag
读取特定的标签信息,如制造商、型号和方向。这些信息会输出到控制台。
评论已关闭