在单个Node.js + Express响应中发送图像和JSON数据

Question

我正在使用Node.js和Express创建Web API，并打算使用单个响应来同时返回图像和JSON数据。我看到了一个解决方案来指定标头：https://stackoverflow.com/a/18864738/1703565但我不想执行两个get请求。我该如何做到这一点？

Answer 1

饼干

你可以返回到图像显示为正常图像的响应体，然后设定相同的请求的会话cookie。会话cookie将包含JSON数据。一旦图像加载，您可以通过javascript从cookie中提取JSON数据。

这将适用于所有浏览器。只有JSON的大小可以返回。最大尺寸看起来是4093 bytes。

图像编码

如果你的JSON是太大，不适合在一个cookie，那么你可以编码图像作为一个base64对象和JSON响应返回的图像数据。

在这种情况下，您必须在画布上重建图像或使用图像数据url格式动态创建图像对象，作为Kevin评论中的url。

图像编码的一个缺点是响应的大小增加。粗略地说，在base64中编码后的图像大小将是原始图像的37% larger。

---

最终它取决于您的具体需求，以哪种方法最符合您的要求。

Answer 2

您可以将图像编码为base64字符串（http://nodejs.org/api/buffer.html#buffer_buf_tostring_encoding_start_end），然后将其作为JSON的一部分返回。