微信支付,二维码图片解析

微信支付: 后台返回的是数据流;
微信支付,二维码图片解析_第1张图片
开始这样,但是不行,
微信支付,二维码图片解析_第2张图片
解决:在请求里面加入 ‘responseType’: ‘blob’ ,
微信支付,二维码图片解析_第3张图片
转换:附上base64转图片

 //base64转换
      base64ImgtoFile(dataurl, filename = 'file') {
     
          let arr = dataurl.split(',')
          let mime = arr[0].match(/:(.*?);/)[1]
          let suffix = mime.split('/')[1]
          let bstr = atob(arr[1])
          let n = bstr.length
          let u8arr = new Uint8Array(n)
          while (n--) {
     
              u8arr[n] = bstr.charCodeAt(n)
          }
          return new File([u8arr], `${
     filename}.${
     suffix}`, {
     
              type: mime
          })
      },

你可能感兴趣的:(vue)