Javascript 使用XMLHttpRequest responsetext中的图像数据显示图像
我使用JavaScript从XMLHttpRequest响应文本中获取图像，并将图像src设置为：Javascript 使用XMLHttpRequest responsetext中的图像数据显示图像,javascript,html,node.js,Javascript,Html,Node.js,我使用JavaScript从XMLHttpRequest响应文本中获取图像，并将图像src设置为： document.getElementById("img").src = "data:image/png;base64," + xhr.responseText; 从nodejs脚本中，图像的发送方式如下： var img = fs.readFileSync('image.png'); res.end(img, 'base64'); 响应文本不是base64格式，并且具有奇怪的符号： �巴布
document.getElementById("img").src = "data:image/png;base64," + xhr.responseText;
var img = fs.readFileSync('image.png');
res.end(img, 'base64');
for (var responseText = xhr.responseText, responseTextLen = responseText.length, bin = "", i = 0; i < responseTextLen; ++i) {
bin += String.fromCharCode(responseText.charCodeAt(i) & 255);
}
document.getElementById("img").src = "data:image/png;base64," + btoa(bin);
for（var-responseText=xhr.responseText，responseText=responseText.length，bin=”“，i=0；i图像仍然没有显示。我做错了什么？听起来你在寻找
buf.toString（[encoding][，start][，end]）var fs = require('fs');
var base64_image = fs.readFileSync('image.png').toString('base64');
console.log(base64_image);
image.pngfor（）var img = fs.readFileSync('image.png');
var img = fs.readFileSync('image.png').toString('base64');
我希望这会有所帮助！正如Dal建议的那样，我在服务器端进行了base64编码：
var img = fs.readFileSync('plot.png', 'base64');
res.end(img);
'base64'readFileSync（）document.getElementById("img").src = "data:image/png;base64," + xhr.responseText;