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

Change images dynamically on a web page without store them in the server first [Javascript/Jquery - Spring]

本文关键字:服务器 存储 Javascript Spring Jquery 动态 网页 图像      更新时间:2023-09-26

我有一个包含三张图像的网页,当用户单击其中一张图像时,这些图像会发生变化。由于原始图像是 ImagePlus 对象,因此我必须使用我拥有的 Java 类进行一些计算。我现在正在做的是:

用户点击 --> Ajax 调用来计算新图像 --> 将生成的图像存储在服务器中 -->在网页中加载新图像

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

你能帮我吗?提前谢谢你。

使 ajax 请求由 servlet 将图像作为流返回,但不要忘记设置内容类型,如下所示:

response.setContentType("image/jpg");