规避从 HTML5 FileSystem API 加载的缓存图像答案

【问题标题】：Circumvent cached images loaded from HTML5 FileSystem API规避从 HTML5 FileSystem API 加载的缓存图像
【发布时间】：2013-05-08 09:21:42
【问题描述】：

我正在使用FileSystem API 将图像保存到 HTML5 文件系统。每隔 n 分钟，我就会从服务器端方法重新加载和替换这些图像。

每次重新加载/替换循环后，我都会在网站上显示这些图像。

var img = new Image();
img.src = 'filesystem://...';

但是图片没有在网站上更新。当我在新选项卡中打开文件系统 url 时，我可以看到更改。

我在文件系统 url 中添加了一个“随机”查询参数

"&rnd=" + new Date().getTime();

但这并没有绕过浏览器缓存（我假设问题出在浏览器缓存上，因为在 Chrome 开发人员工具中的网络选项卡中显示“（来自缓存）”）

【问题讨论】：

【解决方案1】：

我为这个问题写了一个测试用例。令我惊讶的是，它可以正常工作。我想上次 chrome 更新为我解决了这个问题：

如果有人想试试这个，请看这里：
http://test.joquery.com/cachedfilesystem/

【讨论】：