在React中读取Exif数据

Question

我正在尝试构建此工具，用户可以在其中对自己的照片进行地理标记以实现SEO。我有一个带有地图的react应用程序，它将返回所需的坐标，并且它具有2个表单组件。 1，它将更改图像和浏览器的EXIF GPS数据并上传图像。我大部分都在解决我遇到的问题，我需要找到一种方法来返回图像的GPS数据，我发现了很多可以使用的js库，但我似乎无法使其正常工作反应组件。

到目前为止，我可以访问文件路径和图像。我也可以返回一个图像对象，我只需要一个工具或一个工具就可以返回或显示Exif数据并能够覆盖它。如果没有指导，也许还没有工具来构建该工具。

Answer 1

有一个名为exifr的简单库。

let {latitude, longitude} = await exifr.gps('./myimage.jpg')

或其他书写方式：

exifr.gps(buffer, gps => console.log(gps.latitude, gps.longitude))

并获得整个EXIF，而不仅仅是GPS，还有exifr.parse()

exifr.parse(uin8array).then(...)

您几乎可以使用任何东西作为输入（文件路径，Buffer，ArrayBuffer，Uint8Array，Blob，URL等）。不幸的是，它还不支持将exif写回文件。