前端xmp-js解析图片xmp信息

功能介绍

前端有Exif.js用于解析图像基础信息，但是对于一些比较特殊的图像信息，例如大疆无人机所拍摄得到的图像，它会在图像中添加xmp信息用来保存设备的一些额外信息，例如朝向等等。xmp-js就是一个可以用来解析图片xmp信息的第三方库。

功能实现

1.安装依赖

yarn add xmp-js
// 或者npm install xmp-js

2.示例代码

const reader = new FileReader()
reader.onload = e => {
      let xmp = new XMP(e.target.result)
      let raw = xmp.find()
      const obj = xmp.find() // obj就是xmp解析之后的对象
      const result = JSON.stringify(raw) // obj就是xmp解析之后信息字符串
}
// file就是你想要解析的图片文件
reader.readAsDataURL(file)

有时候当碰到上述示例代码中obj信息为空时，可以尝试使用截取result字符串形式的xmp信息来得到关键信息。