前端将二进制文件流下载及在线预览

下载的方法：VUE框架 下载文件_绝不划水的陽哥的博客-CSDN博客_vue框架下载 

预览的方法：

// 文档预览
export function chaloadFileStream(data, name) {
  axios({
//请求头配置
    ...requestConfig(),
    method: 'post',
    url: prefix + 'manager/downloadFileStream',
    data,
    responseType: 'blob'
  }).then(res => {


    //根据文件名后缀判断是什么类型的文件
    let afterfile = name.slice(name.length - 3).toUpperCase();
    let myBlob = ''
    //不同文件类型设置不同的type
    if (afterfile == 'PDF') {
      myBlob = new window.Blob([res.data], { type: 'application/pdf' })

    } else {
      myBlob = new window.Blob([res.data], { type: 'image/png' })
    }





    const qrUrl = window.URL.createObjectURL(myBlob)
    window.open(qrUrl, '_blank')



  }).catch(err => {
    console.log(err)
  })
}