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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

//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)

　　请求返回二进制数据