前端接受文件流

pc

接口处使用 responseType: 'blob' 来进行接收

export function getWxCodeApi(params) {
  return request({
    url: '/distributorMember/distributorQrCode',
    method: 'get',
    params,
    responseType: 'blob'
  })
}

处理文件流

//加入节点
<div class="imgQrCode"></div>

createMiniQrcode(blob) {
      let img = document.createElement("img");
      img.onload = function(e) {
        // 元素的onload 事件触发后将销毁URL对象, 释放内存。
        window.URL.revokeObjectURL(img.src);
      };
      // 浏览器允许使用URL.createObjectURL()方法，针对 Blob 对象生成一个临时 URL。
      // 这个 URL 以blob://开头,表明对应一个 Blob 对象。
      img.src = window.URL.createObjectURL(blob);
      console.log(window.URL.createObjectURL(blob));
      this.dowImg = window.URL.createObjectURL(blob);

      document.querySelector(".imgQrCode").appendChild(img);
    },

微信小程序

直接使用wx.downloadFile进行下载