1

我一直在努力创建自己的电子邮件客户端。我已经通过数据 URI 成功地显示了附件和嵌入的图像。我想知道一旦存储在数据中，是否有任何方法可以将图像等数据分配给客户端代码中的变量（无论是 XHTML、JavaScript、JSON 等），因此我只需发送一个副本虽然能够多次显示该内容（再次，例如图像），但从服务器到客户端节省带宽？

纯 JavaScript，没有框架或库。

此外，主要目标是仅将数据从客户端传输到服务器一次。一旦在 DOM 中，如果我们最终img在 example 中有两个元素，那是完全可以的。

作为奖励，我想使用两个img元素，但如果可能，DOM 仍然引用相同的单个数据 uri，从而节省客户端的内存。

4

1 回答 1

1

我想知道一旦存储在数据中，是否有任何方法可以将图像等数据分配给客户端代码中的变量

使用以下技术之一：

  • 将数据 URI 嵌入 SVG 元素中，然后将其作为background-imageURL取消引用

  • 将数据 URI 嵌入脚本元素中，然后将其作为dataset属性取消引用

  • 将数据 URI 存储在 a 中documentFragment，然后将其包装在一个函数中

参考

于 2014-01-28T18:49:07.340 回答