vue專案,axios請求圖片介面,介面返回的是檔案流的形式,如何轉換成圖片?

狂奔的蝸牛0828發表於2019-02-18
axios
  .get(`/captcha`, {
    params: param,
    responseType: `arraybuffer`
  })
  .then(response => {
    return `data:image/png;base64,` + btoa(
      new Uint8Array(response.data)
        .reduce((data, byte) => data + String.fromCharCode(byte), ``)
    );
  }).then(data => {
    ...
  })

 這樣寫即可,

如果請求中沒有額外的頭資訊,只需要加img標籤src=請求介面地址即可

相關文章