此文以图片二进制流转为base64显示图片为例
因为ajax不能接受文件流,所以使用原生的请求方式,接收后台传过来的二进制文件流
var xhr = new XMLHttpRequest();
xhr.open('GET', '/path/to/image.png');
xhr.responseType = "arraybuffer";
request.onload = function() {
var arrayBuffer = xhr.response;
var binary = '';
if (arrayBuffer) {
var byteArray = new Uint8Array(arrayBuffer);
for (var i = 0; i < byteArray.byteLength; i++) {
binary += String.fromCharCode(byteArray[i]);
}
var pngurl='data:image/png;base64,'+ window.btoa(binary)//base64
}
}
xhr.send();
base64转二进制流
function convertBase64UrlToBlob(urlData){
var arr = urlData.split(’,’), mime = arr[0].match(/😦.*?);/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
while(n–){
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type:mime});
}
var arr = new Array();
var bl = convertBase64UrlToBlob(re);
arr.push(bl);
console.log(arr)