以流的方式下载文件

最新推荐文章于 2022-05-22 13:37:38 发布

转载最新推荐文章于 2022-05-22 13:37:38 发布 · 193 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ronle/p/11031230.html

封装的axios下载

// 下载数据
export const downloadFile = (id) => {
  return axios.request({
    url: '/file-manage/file/download/' + id,
    method: 'get',
    responseType: 'blob'
  })
}

传入下载的文件名，对应的文件id来下载流格式的文件

    // 下载文件
    downloadFile (filename, id) {
      downloadFile(id).then(res => {
        console.log(res)
        if (!res) {
          return
        }
        let url = window.URL.createObjectURL(res.data)
        let link = document.createElement('a')
        link.style.display = 'none'
        link.href = url
        link.setAttribute('download', filename)
        document.body.appendChild(link)
        link.click()
      }).catch(err => {
        console.log(err.message)
      })
    },