vue中axios接受图片二进制流数据的处理方法

需要将其二进制流交由 blob 对象处理,然后通过 blob 的 API 生成临时 URL 赋值给 src 属性来显示。

html:
 <div id='WebGL-output'>
    <img :src="imgCodeUrl" />
  </div>
js:
 return {  imgCodeUrl: ""
      };
  this.$axios.get("test", {
            params: {
              id: id,
            },
//responseType 默认返回数据类型是 json,将其改为返回数据类型 blob
             responseType: 'blob',
  .then(function (response) {
              console.log(response.data);
      
             _this.imgCodeUrl=window.URL.createObjectURL(response.data) // 后端返回前端渲染
              console.log(_this.imgCodeUrl);
              
          })
hxy

hxy

秦 夏

留下你的评论

快留下你的小秘密吧