JQuery缓存Ajax获取的图片

我得到一个页面，异步加载多张图片多次

我现在要做的是：

$('#map').append('<div id="'+(x.ID)+'"> <img id="pic" src ="'+x.src+'">  </div>');

$（'#map'）。附加（''）；

如何才能最好地缓存这些图片？我得到了大约10张图片，每次都有一个服务器为每个图像交互

它们不是很大，但我尝试的都不是很快

那么如何缓存呢

更新：

---

这并不是要再次获得完整的图像，但Chrome似乎每次都会检查图形是否被修改。

除非您专门将Ajax调用设置为使用

缓存：false

---

[更新：]我实际上没有看到Ajax调用。我以为只是缺少一些代码，但现在我明白了。不过，答案应该仍然有效；只要href不是动态的，它就应该缓存。

图片会自动缓存。请检查Firebug

im上的NET选项卡不使用缓存：false，与服务器进行大规模交互的信息来自google chrome网络选项卡，您的浏览器本身设置为不缓存资源（为了帮助开发，缓存有时会很痛苦）？不要这样认为，它连接到服务器，检查图形是否已修改。有没有办法避免这种情况？如果有，就会显示，客户正在检查图形是否被修改。有没有办法避免这种情况？（通过缓存选项或其他方式）？“网络”选项卡上的图像状态如何？是

304

还是

200

？304-大约需要150毫秒才能搞清。假设我有100张这样的照片，他做了100次“它被修改了”的事情。。。当这件事变得尴尬的时候，我会很高兴的。或者我的想法是错误的？我想您不必担心渲染引擎如何评估是从缓存读取还是请求服务器。除非您的图像被再次请求到服务器，否则您应该没有问题。谢谢。你把我带到了这一步：这似乎奏效了：）