如何使用前端与后端 实现 JPG 图片隐写

与将数据变成乱码的“加密”不同，隐写术的目的是“隐藏”——把机密数据藏在普通的文件（如图片、音频）中，让外人根本不知道秘密的存在。

今天介绍的方法不依赖任何第三方重量级库，分别在纯前端 (Browser API) 和后端 (Node.js) 环境下，实现一个基础但经典的 JPG 图片隐写功能。

在进入代码之前，我们需要了解一个关键的图像原理。

很多经典的隐写教程会教你使用 LSB（最低有效位） 算法，即修改像素颜色值的最后一位来藏入数据。这招对 PNG 图片非常管用（因为 PNG 是无损压缩），但对 JPG 图片绝对行不通。JPG 采用的是有损压缩 (DCT 离散余弦变换)，每次保存或编码时，像素的微小细节都会被抹除，你的 LSB 隐藏数据会瞬间灰飞烟灭。

那么对于 JPG，我们该怎么做？

最简单且最实用的入门方案是：文件尾追加法 (EOF Append)。 每一个标准的 JPG 文件都有一个固定的结束标记（End of Image, EOI），它的十六进制值是 FF D9。绝大多数图片查看器在读取到 FF D9 后就会停止解析。这意味着，在 FF D9 之后追加的任何数据，都不会影响图片的正常显示。

我们将基于这个原理进行实战。

场景一：纯前端实现 (Browser API)

在浏览器中，我们可以利用 File API、ArrayBuffer 和 Uint8Array 来直接操作文件的二进制数据。

1. 将秘密写入 JPG (加密端)

我们需要读取用户上传的 JPG 文件，将其转换为二进制数组，然后将我们需要隐藏的文本字符串也转换为二进制数组，最后将它们拼接在一起。