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

标签 javascript css metadata jpeg

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

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

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

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

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

最佳答案

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

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

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

关于javascript - 焦点的 Jpeg 自定义元数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47455231/

相关文章:

windows - 将 cloudformation 中的用户/元数据/运行时数据解析到 EC2 中

javascript - 无法在 javascript 中建立 neo4j - bolt 驱动程序连接

如果使用的数字以 0 开头,则计算数学表达式时的 Javascript eval 会给出错误的输出

javascript - 当使用这些 UTC 秒再次转换为日期时,当前日期的 UTC 秒数应给出 UTC 日期。

css - 尝试排列 Div

javascript - 存在多个嵌套层时隐藏显示 div

javascript - 在 Bootstrap 的每一列中排序

c++ - 从 jpg、dng 和 awr raw 文件获取元数据

sas - 根据包含代码簿的单独数据集中的变量更改一个数据集中的 SAS 变量标签/属性 - PROC SQL?处理数据集?

javascript - DataTable分页后无法点击按钮