用Javascript从HTTP Post请求返回图像

Return image from HTTP Post request in Javascript

本文关键字:请求 返回 图像 Post HTTP Javascript      更新时间:2023-09-26

我使用JavaScript将数据从浏览器发送到servlet,然后服务器处理数据并返回图像作为响应(全部使用xmlhttprequest)。我确信一切都很好,因为当我直接调用服务器时,我在浏览器中得到了我的图像。

我想知道的是,在JavaScript中,我如何解析我的响应,以便我可以在img标签中将其显示为图像?

我认为这应该是相当容易的,但不知道如何做到这一点。

您可以使用数据uri并将base64编码的二进制数据设置为图像标记的src

如果你对服务器有控制权,它可能更干净,让服务器给你一个URL,你可以参考和创建一个新的img标记与src

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

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

或者只是让你的XMLHttpRequest返回一个新的路径到服务器上现有的图像,然后只是改变你的imgsrc属性。