javascript - 在网页上动态更改图像而不首先将它们存储在服务器中 [Javascript/Jquery - Spring]

Question

我有一个包含三张图片的网页，用户点击其中一张图片会发生变化。由于原始图像是一个 ImagePlus 对象，因此我必须使用我拥有的 Java 类进行一些计算。我现在正在做的事情如下：

用户单击 --> Ajax 调用计算新图像 --> 将结果图像存储在服务器中 --> 在网页中加载新图像

我知道这是不好的工作方式，所以我想动态更改网页中的图像，而不先将它们保存在服务器中。这应该会提高整个系统的性能。

你能帮我吗？先感谢您。

Answer 1

让您的 ajax 请求由 servlet 返回图像作为流来服务，但不要忘记设置内容类型，如下所示：

response.setContentType("image/jpg");