今天碰到一个接口，后端返的二维码是文件流，在preview里能看到，但response里啥都没有，这种情况怎么拿到这张图片呢？
第一步：设置请求
文章来源：https://www.toymoban.com/news/detail-523223.html
//axios封装的请求里面的responseType要设置为blob
第二步：页面调用接口，使用接口返回回显图片
文章来源地址https://www.toymoban.com/news/detail-523223.html
<img :src="bigPoster" alt="" class="bigPoster" /> //页面图片元素
async myInviteCode() {
var data = {};
try {
let res = await this.$http("myInviteCode", data, "post", true, true);
console.log(res);//打印能看到文件流
const href = window.URL.createObjectURL(res.data);//转成url格式
this.bigPoster = href; //赋值
} catch (error) {
console.log(error);
}
},
到了这里，关于VUE项目后端接口返回图片流，图片在preview里，怎么把图片显示到页面上？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
