任何像client一样重用数据URI的客户端方法?

时间:2013-07-04 21:12:12

标签: algorithm dom caching data-uri

我一直致力于创建自己的电子邮件客户端。我已经通过数据URI成功显示附件和嵌入图像。我想知道曾经存储在数据中是否有任何方法让我将数据(如图像)分配给客户端代码中的变量(无论是XHTML,JavaScript,JSON等),所以我只需要发送一个副本从服务器节省带宽的客户端虽然能够多次显示该内容(再次,如图像)?

纯JavaScript,没有框架或库。

此外,主要目标是仅将数据从客户端传输到服务器一次。一旦进入DOM,如果我们最终在示例中有两个img元素,则完全没问题。

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

1 个答案:

答案 0 :(得分:1)

  

我想知道曾经存储在数据中是否有任何方法可以将数据(如图像)分配给客户端代码中的变量

使用以下技术之一:

  • 将数据URI嵌入SVG元素中,然后将其取消引用为background-image网址

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

  • 将数据URI存储在documentFragment中,然后将其包装在函数中

<强>参考