Vue 读取后台二进制文件流转为图片显示
后台返回格式
<img :src="payImg" id="image" style="width: 150px;height: 150px;" alt="">
axios写法
重点 responseType: ‘blob’ ， 使用的是res中的data blob文章来源：https://www.toymoban.com/news/detail-848172.html
this.$axios.post('http://116.148.227.196:xxx/api/xxx/xxx', {参数}, {
responseType: 'blob' // 重点
}).then((res) => {
const url = window.URL.createObjectURL(new Blob([res.data], { type: 'image/png' }));
this.payImg= url;
});
本文章参考 https://huaweicloud.csdn.net/63a56170b878a545459459f2.html文章来源地址https://www.toymoban.com/news/detail-848172.html
到了这里，关于Vue 读取后台二进制文件流转为图片显示的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
