javascript - Angular : caching of images when using img ng-src in firefox seems broken

Question

我正在开发一个实时照片共享网站。它允许世界各地的用户一起查看照片并发表评论，实时查看谁在看什么。

我曾经使用 jQuery DOM 操作(插入 <img> 标签)根据用户点击的内容显示不同的图像，最近用带有 ng-src 指令的 Angular Controller 替换了这个表示逻辑。

逻辑总体上有效，但我注意到在 Firefox 上，每当我更改 ng-src 值时，Angular 都会发出 GET 请求，此时我希望该图像缓存在浏览器中。

如果你去这里:http://dev14-www.photozzap.com/conference/j4bxpt3n , 然后打开 Firebug/Net View ，并在两张照片之间来回切换，你会看到它对图像发出 GET 请求，即使这些图像应该在缓存中。

影响是用户会发现他们点击照片的时间和照片实际显示的时间之间存在一些延迟。

在 Chrome 上，Developer/Net View 清楚地显示在图像之间来回切换时从缓存中提取图像。

能否修复我的代码以允许在 Firefox 上缓存图像，或者那里是否存在 Angular 问题？ Chrome 似乎在做正确的事。

Answer 1

我在 Firefox 24 上，我可以确认，每次我在照片之间切换时实际上都会发出请求，但是......正如您通过调查此类请求的详细信息所看到的，服务器响应 304 Not Modified，所以图像数据本身不会一遍又一遍地传输，因此性能不会受到太大影响。

即使 firefox 已将图像存储在缓存中，它正在请求检查图像是否已更改，在看到 304 响应时它只显示文件的本地版本。