javascript - 将 xmlhttprequest 中的 jpg 数据放入 <img/> 标签中

Question

这是我的代码的一部分

xmlhttp.open("GET", theUrl, true);
document.imglive.innerHTML = '<img src="data:image/jpeg,' + xmlhttp.responseText + '"/>';

这似乎不起作用。 我也尝试过

document.imglive.src= xmlhttp.responseText;

两者都不起作用

我在这里检查了一些提出的问题，但没有一个答案可以帮助解决这个问题。

Answer 1

使用 base64 来处理这些事情。在现代浏览器中，这个 btoa native 函数可以帮助您:

document.imglive.innerHTML = "<img src='data:image/jpeg;base64," + btoa(xmlhttp.responseText) + "'/>";

对于其他浏览器，有简单的模拟实现，只需检查一下即可。

P.S.:不要污染 document 对象，使用单独的变量或命名空间。