首页 > 代码库 > JavaScript如何转换二进制数据显示成图片
JavaScript如何转换二进制数据显示成图片
使用JavaScript调用API返回了二进制数据格式的图片，该如何显示到网页上？
首先，直接使用XMLHttpRequest，而不是AJAX，原因已经在前一篇文章中解释。并将responseType设置为arraybuffer
var xhr = new XMLHttpRequest();xhr.open(‘GET‘, ‘/my/image/name.png‘, true);xhr.responseType = ‘arraybuffer‘;
然后，将二进制转成图片源，我从网上搜索找到以下两种方法，大家可以随意选择自己喜欢的。
方法一
var uInt8Array = new Uint8Array(xhr.response);var i = uInt8Array.length;var binaryString = new Array(i);while (i--) { binaryString[i] = String.fromCharCode(uInt8Array[i]);}var data = http://www.mamicode.com/binaryString.join(‘‘);var imageType = xhr.getResponseHeader("Content-Type");$(‘#image‘).attr("src", "data:" + imageType + ";base64," + data)
方法二
var imageType = xhr.getResponseHeader("Content-Type");var blob = new Blob([xhr.response], { type: imageType });var imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);$(‘#image‘).attr("src", imageUrl);
JavaScript如何转换二进制数据显示成图片
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。