在Javascript中从HTTP Post请求返回图像

Question

我使用JavaScript将数据从浏览器发送到servlet，然后服务器处理数据并返回图像作为响应（全部使用xmlhttprequest）。我确信一切正常，因为当我直接调用服务器时，我会在浏览器中恢复我的图像。

我想知道的是，在JavaScript中，我如何解析我的响应，以便将其显示为img标记中的图像？

我认为这应该相当容易，但不知道该怎么做。

Answer 1

您可以使用data URIs并将base64编码的二进制数据设置为图片代码的src。

如果您可以控制服务器，那么让服务器为您提供可以引用的网址并使用img创建新的src标记可能会更清晰。

Answer 2

不确定这是否适用于您的应用程序，但您可以使用服务器端脚本动态提供图像，然后只使用javascript更改图像源。

即

src="image.php?param1=XXXX&param2=XXXX"

或者让您的XMLHttpRequest返回服务器上现有图片的新路径，然后只需更改src的{​​{1}}属性。