前台接收后台传过来的二进制文件流（二进制转为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)