怎样在html中吧数据上传图片,html – 如何将png二进制数据放入img标签并将其显示为图像？...

我正在使用这个

$.ajax({

type: "GET",

url: 'template/bump1/purse.png',

datatype:"image/png",

success: function (data) {

var reader = new FileReader();

reader.onload = function (e) {

var img = document.getElementById("CaptchaImg");

img.src = e.target.result;

};

reader.readAsDataURL(data);

//$('#CaptchaImg').attr('src', data);

}

});

下载图像,它以二进制形式出现,看起来像这样

node.js将其返回为

WriteHeaderMode('image/png', res, 200);

res.end(data, 'binary');

但现在,我如何将其放入图像标记并将其显示为图像.注意：我不想将返回数据作为base64编码,它必须是二进制的.我很好,在客户端将二进制文件转换为base64.

当我将它传递给readAsDataURL时,它会显示TypeError异常.

谢谢

编辑

var img = document.getElementById("CaptchaImg");

var reader = new FileReader();

reader.onload = function(e) {

//img.src = e.target.result;

$("body").html(e.target.result);

};

reader.readAsDataURL(new Blob([data]));

这似乎将它转换为base64编码,它以data：application / octet-stream; base64开头,但不显示图像…