Javascript 如何缓存动态插入的img标签图像？

我希望动态显示图像（要显示的图像数量根据XML文件中的数据而变化）。我使用for循环生成结构，然后使用该字符串通过innerHTML函数插入内容。问题是，由于img标记是动态加载的，因此浏览器再次从服务器获取图像。这有什么办法吗？img标签的数量将根据每天更新的XML文件中的数据而变化。请帮忙

编辑 以下是响应标题 缓存控制：公共 连接：关闭 内容长度：304171 内容类型：图像/png 日期：2015年9月14日星期一07:05:38 GMT ETag:“1D0DB10F92A4100” 服务器：ASP.NET开发服务器/10.0.0.0

---

X-AspNet-Version:4.0.30319

浏览器不会“再次从服务器”获取图像。如果这些图像之前已从该URL加载，则它们将位于浏览器内存或磁盘缓存中，并将从缓存中获取，而不是从原始服务器获取。如果你观察Chrome调试器中的“网络”选项卡，你可以看到这一点。它确实会获取它们。我签入了“网络”选项卡。我根据XML文件中的数据动态插入img标记。此脚本位于页面底部。该脚本从XML文件获取数据，然后将img标记添加到某个div，并将它们分配给XML文件中的src。检查服务器在图像上设置的缓存头。（如何查看取决于浏览器）您正在使用的URL之前未被浏览器加载，或者它们来自的服务器以某种方式通知浏览器禁用缓存它们。您需要修复这两个问题中的一个或另一个。在“网络”选项卡中，您需要确保它是一个通过网络的请求，而不是由缓存完成。我正在使用img src的相对路径。他们没有改变。XML文件中的数据当前是静态的。在映像的响应标头下，缓存控制在映像的请求标头下设置为公共，缓存控制：max age=0