前端使用blob展示二进制的图片

//DOM
var img = document.getElementById('img')
//Ajax
var xhr = new XMLHttpRequest()
// 设置返回类型为blob
xhr.responseType = "blob";
xhr.addEventListener('load',() => {
console.log(xhr.response);
var blob = xhr.response
// 给img赋值
img.src = window.URL.createObjectURL(blob)
})
//ajax的请求地址 方法
xhr.open('get','http://127.0.0.1:3000/v1/get/img',true)
xhr.send(null)

  请求返回二进制数据

 

posted @ 2019-12-31 17:31  地铁程序员  阅读(7136)  评论(0编辑  收藏  举报