Jpeg自定义元数据用于焦点

时间:2017-11-23 12:07:18

标签: javascript css metadata jpeg

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

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

我希望实现的是存储x& y jpeg元数据中的焦点值,以节省必须进行数据库查找。

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

我在网上浏览过,我找不到任何使用JavaScript编码的简便方法。有没有人对我该如何处理这个问题有任何建议?

1 个答案:

答案 0 :(得分:1)

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

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

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