在單個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的一部分返回。