大佬教程收集整理的这篇文章主要介绍了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开头,但不显示图像…
但是使用裸露的XMLhttprequest,可以使用responseType属性轻松完成.
var xhr = new XMLhttprequest(); xhr.onreadystatechange = function(){ if (this.readyState == 4 && this.status == 200){ var img = document.getElementById("CaptchaImg"); var url = window.URL || window.webkitURL; img.src = url.createObjectURL(this.responsE); } } xhr.open('GET','template/bump1/purse.png'); xhr.responseType = 'blob'; xhr.send();
以上是大佬教程为你收集整理的html – 如何将png二进制数据放入img标签并将其显示为图像？全部内容，希望文章能够帮你解决html – 如何将png二进制数据放入img标签并将其显示为图像？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。