前台接收后台传过来的二进制文件流（二进制转为base64）

此文以图片二进制流转为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)