java - Spring MVC(和 angularjs)-检索图像 : high memory usage in Chrome

Question

我已将图像存储在数据库中，并且需要在用户的网络浏览器上向用户提供这些图像。

我的问题是，以下提供这些图像的方法导致我的网络浏览器消耗大量内存(600 MB)。我知道这是问题的原因是因为如果我返回 null，内存使用量几乎保持不变并且很低。

我仅调用此方法来访问 5 个图像。全部不大于 5 mb。

我通过在我的 View 中调用以下内容(angularjs)来显示图像，如下所示:

<img ng-src="http://localhost:8080/myapp/show/{{user.id}}"

非常感谢任何提示/建议。

Answer 1

网络浏览器客户端内存消耗增加只能是由于发送到http://localhost:8080/myapp/show/{{user.id}}的请求量过多造成的并在客户端内部 Angular 中检索。

使用 Angular 的应用程序往往会消耗浏览器中的内存，但这已经太多了。你能做的就是拥有ShallowETagHeaderFilter在您的 Spring MVC 应用程序中，这样如果图像文件没有更改，它就不会将该文件发送到 Angularjs 应用程序。如果图像未更改，则将返回304“Not Modified”，以便浏览器可以从缓存加载它。

注意:

ShallowETagHeaderFilter 仍会消耗处理周期，但会节省带宽和浏览器内存。