javascript - 焦点的 Jpeg 自定义元数据

Question

我正在尝试使用 JavaScript 实现对 jpeg 照片焦点的存储。我的工作基于我最近谈到的一个巧妙的 css 技巧 here .

我的计划是将此技术与单独的 JavaScript 上传和裁剪工具(如 Croppie)配对，并将 jpeg 数据保存到 Amazon S3。

我希望实现的是将 x 和 y 焦点值存储在 jpeg 元数据中，以避免必须进行数据库查找。

然后我会在显示图像时读回这些值并内联 css 背景位置样式以确保图像在不同设备上适当缩放。

我在网上四处看看，找不到任何简单的方法来使用 JavaScript 对其进行编码。有人对我应该如何处理这个问题有任何建议吗？

Answer 1

假设您使用浏览器运行 javascript。使用 readAsArrayBuffer 读取缓冲区。寻找 APP1部分并对其进行修改以添加您的自定义元数据，然后保存图像。 How to access JPEG EXIF in browser?

ExifTool 可以写入元数据。使用 Node.js 子进程调用程序。

如果可能，使用数据库系统或索引来存储相应的信息是一种快速简便的解决方案。