从服务器获取二进制流的图片文件,并显示
本地的文件信息可以直接fileReader读成base64显示,而后端取得的二进制流blob不一定可以 可以使用createObjectURL来读成临时的url createObjectURL文档
function getImg(param, id) {//这里没有用ajax当时用ajax出现了问题就用了原生发请求
var _url;
_url = RequestUrl.constructURL("CUSTOMERS", "getimg", param);
var xhr = new XMLHttpRequest();
xhr.open('GET', _url, true);
xhr.responseType = "blob";
xhr.setRequestHeader("token", sessionStorage.getItem("token"));
xhr.onload = function () {
if (this.status == 200) {
var blob = this.response;
。。。//处理业务逻辑
var img = document.getElementById(id);
img.onload = function (e) {// 元素的onload 事件触发后将销毁URL对象, 释放内存。
window.URL.revokeObjectURL(img.src);
};
// 浏览器允许使用URL.createObjectURL()方法,针对 Blob 对象生成一个临时 URL。
// 这个 URL 以blob:开头,表明对应一个 Blob 对象。
img.src = window.URL.createObjectURL(blob);
}
};
xhr.send();
};