在前端缓存动态生成的图像

Question

我目前正在处理以下情况：我有一个具有N个实体的Ember前端，并且用户可以查看每个这些实体的动态生成的图表图像。 为此，当用户想要查看实体上的图表时，会发生以下情况：

1. 前端向后端端点发送生成图表图像的请求
2. 此图像然后作为base64编码的图像传递到端点响应中的前端
3. 前端显示此图像
4. 现在，用户可以选择一个新实体，等等。

此刻，用户必须等待3-5秒的图表图像加载，无论之前是否查看过此实体的图表。 这很烦人：等待查看实体A的图表，然后等待查看实体B的图表，如果要再次查看实体A，则再次等待，等等。

我想以某种方式将已经查看过的图像缓存在前端，以避免这种等待时间。 （图像的内容不会频繁更改，可能一天左右更改一次，所以这不是问题。）

这可以用Ember完成吗，还是我从错误的角度看待这个问题，需要完全不同的策略？

Answer 1

首先使用import groovy.json.JsonBuilder def builder = new JsonBuilder() builder({ Rule{ RuleId(0) Devices([1,2,3]) } }) println builder.toPrettyString() 并检查是否有任何结果。如果在炭烬商店中，它将显示给您。您可以看到是否在Ember检查器上正确缓存。