javascript - 规避从 HTML5 文件系统 API 加载的缓存图像

Question

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

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

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

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

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

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

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

Answer 1

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

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