Question

这是我正在尝试做的事情：

在我的弹簧控制器中，我在收到请求时动态生成图表。我想在生成图表时在HttpServletResponse的OutputStream中设置一个像“请稍候加载”的图像。

现在发生的事情是浏览器收到“请等待加载”，但永远不会更新到实际图表。我调试了代码，图表被写入OutputStream，但浏览器没有加载它。

我不能拥有客户端脚本。

由于

@RequestMapping("/img/**")
public void img(HttpServletRequest request, HttpServletResponse response, ChartRequest request) {

        ServletOutputStream os = null;
        try {
            os = response.getOutputStream();
            response.setContentType("image/png");    
                     os.write(base64PNGToByte(ImageContainer.PNG_PLEASE_WAIT)); // here is the "PLEASE WAIT WHILE LOADING" image
            os.flush(); // browser receives the image

                ChartResponse chartResponse = chartManager.processChart(request);
                if (!chartResponse .isSuccess()) {
                    os.write(base64PNGToByte(null));
                    return;
                }

                String base64Img = chartResponse .getResponse();
                os.write(base64PNGToByte(base64Img)); // the generated chart image, but browser does not shows this image...
            } else {
                os.write(base64PNGToByte(null));
            }

            os.flush();
        } catch (IOException e) {
            logger.debug("img: IOException ", e);
        }
    }

Answer 1

servlet不能像你想要的那样生成两个不同的响应。

然而，将<img>背景设置为静态“请稍候”图片，居中，会更容易。生成实际图像时，背景将被覆盖：

<img src="your/dynamic/url?data=123"
   style="background-image: url('path/to static/please-wait.png');
   background-position: 50% 50%; background-repeat: no-repeat;"
/>

（可能需要调整样式，但这些内容是可行的）

HttpServletResponse将多个图像写入OutputStream（在同一查询中）

1 个答案: