从 JavaScript 中的 HTTP Post 请求返回图像
我使用 JavaScript 将数据从浏览器发送到 servlet,然后服务器处理数据并返回图像作为响应(全部使用 xmlhttprequest)。我确信一切正常,因为当我直接调用服务器时,我会在浏览器中返回图像。
我想知道的是,在 JavaScript 中,如何解析我的响应,以便可以将其显示为 img 标签中的图像?
我认为这应该相当容易,但不知道如何做到。
I send data from a browser to a servlet using JavaScript, then the server processes the data and returns an image as a response (all using xmlhttprequest). I'm sure everything is working fine because when I call the server directly, I get my image back in the browser.
What I was wondering is how, in JavaScript, do I parse my response so that I can display it as an image in an img tag?
I figure this should be fairly easy, but not sure how to do it.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用数据URI并将base64编码的二进制数据设置为
src
用于图像标签。如果您可以控制服务器,那么让服务器为您提供一个可以引用的 URL 并使用该
src
创建一个新的img
标记可能会更清晰。You could use data URIs and set the base64 encoded binary data as the
src
for an image tag.If you have control over the server, it might be cleaner to have the server give you a URL you can refer to and create a new
img
tag with thatsrc
.不确定这是否适用于您的应用程序,但您可以使用服务器端脚本动态提供图像,然后仅使用 javascript 更改图像的来源。
即
或者只是让您的
XMLHttpRequest
返回服务器上现有图像的新路径,然后只需更改img
的src
属性。Not sure if this would work with your application, but you could use a server-side script to dynamically serve an image, and then just use javascript to change the source of your image.
i.e.
Or just have your
XMLHttpRequest
return a new path to an existing image on the server and then just change thesrc
attribute of yourimg
.