XMLHttpRequest接受流请求,显示图片
Posted greys
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了XMLHttpRequest接受流请求,显示图片相关的知识,希望对你有一定的参考价值。
假如后台的接口,我们本来是返回一个图片,但是有些情况下,接口直接返回一个stream,那么如何通过AJAX显示在页面?
var xhr = new XMLHttpRequest(); xhr.open("get", "http://localhost:8080/getImage", true); xhr.responseType = "blob"; xhr.onload = function() { if (this.status == 200) { var blob = this.response; var img = document.createElement("img"); img.src = window.URL.createObjectURL(blob); $("#img").html(img); } }; xhr.send();
细节中特别的地方就是blob,通过这个类型来处理stream
以上是关于XMLHttpRequest接受流请求,显示图片的主要内容,如果未能解决你的问题,请参考以下文章
使用XMLHttpRequest处理异步请求返回的图片等二进制文件
XMLHttpRequest 对象 status 和statusText 属性对照表