ajax - 如何从ajax响应显示.png格式的图像？

Question

我正在以字节为单位发送 ajax response.getOutputStream().write(encoder.pngEncode()) 图像，
我想在运行时从 ajax 响应在我的 jsp 中显示图像是否可能？
你能请任何人解决这个问题吗？

在 Servlet 类中:

chartImage = chart.createBufferedImage(400, 300);       
        PngEncoder encoder = new PngEncoder(chartImage, false, 0, 9);

        resp.setContentType("image/png"); 
        resp.setHeader("Cache-Control", "no-cache");
        resp.getOutputStream().write(encoder.pngEncode());

在 JSP 中:

if (bbyHttpRequest.readyState == 4) 
    { 
        if(bbyHttpRequest.status == 200) 
        { 
        alert("inside ajax call");

        var respone=bbyHttpRequest.responseText;

        alert("respone----------->"+respone);

        //var i = new Image();
        //i.src = respone;

           //document.getElementById("imgChart1").innerHTML = '<%=request.getContextPath() + "/CreateOMSMonitorScreenTest" %>';
          // document.getElementById("imgChart1").value = '<%=request.getContextPath() + "/CreateOMSMonitorScreenTest" %>';
          document.getElementById("imgChart1").value=respone;

        } 
        else 
        {
        alert(' Dynamic call to web server failed.Please refresh the page. ');
        } 
    }   

Answer 1

如果你有一个返回 PNG 图片的服务器，你就不必使用 ajax，你可以使用简单的 HTML:

<img src='myServer.thing?param=value' alt='Loading Failed' />

您可以使用 JavaScript 来处理 img 的错误。标签。