Request preview display of binary data and Base64 format data

1、 Request binary data , Preview display of data in various formats .

axios({
    method: 'get',
    url: `getFile/${type}`,
    headers: {
        Authorization: userStore.token,
    },

    //  It's necessary here   'blob'
    responseType: 'blob',
}).then((res: any) => {
   // pdf  Format  
   if (type == 1) {
      let blob = new Blob([res.data], { type: 'application/pdf' });
      pdfSrc.value = URL.createObjectURL(blob);
      window.open(pdfSrc.value);
} else if (type == 2) {
    //  picture  jpeg Format 
      let blob = new Blob([res.data], { type: 'image/jpeg' });
      imgSrc.value = window.URL.createObjectURL(blob);
} else if (type == 3) {
    //  Audio 
      let blob = new Blob([res.data], { type: 'wav/audio' });
      if (audio.value) {
         audio.value.src = window.URL.createObjectURL(blob);
         audio.value.play();
      }
} else if (type == 4) {
    //  picture  excel Format 
      const link = document.createElement('a');
      let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
      link.style.display = 'none';
      link.href = URL.createObjectURL(blob); // Create a URL
      link.setAttribute('download', ` Table resources ${new Date().getTime()}.xls`);
      document.body.appendChild(link);
      link.click(); // Trigger download 
      document.body.removeChild(link);
}
});

Be careful ：

A、 To put responseType Set to ‘blob’; 

B、 The corresponding type Set it up , Such as the picture  new Blob([res.data], { type: 'image/jpeg' }).

2、base64 Format data picture preview display

getOperImg()
.then((res) => {
    if (res) {
        const { code, data } = res;
        if (code == 200) {
            if (Array.isArray(data) && data.length != 0) {
                const { operPic } = data[0];
                // operPic  It's a request base64 Picture data 
                //  The final picture address   Requires front stitching  data:image/jpg;base64,
                imgSrc.value = `data:image/jpg;base64,${operPic}`;
            }
        }
   }
})
.catch((err) => {
    console.log(' Get photo ', err);
});