欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端通过请求并通过后端返回数据文件流来下载文件

程序员文章站 2022-05-30 21:18:17
...

前端通过传递参数,后端返回文件流,前端进行处理并进行文件下载,直接上代码。

downLoadFile(data, filename) {
      if (typeof window.chrome !== 'undefined') {
        // Chrome version
        var link = document.createElement('a')
        link.href = window.URL.createObjectURL(data)
        link.download = filename
        link.click()
      } else if (typeof window.navigator.msSaveBlob !== 'undefined') {
        // IE version
        var blob = new Blob([data], { type: 'application/force-download' })
        window.navigator.msSaveBlob(blob, filename)
      } else {
        // Firefox version
        var file = new File([data], filename, { type: 'application/force-download' })
        window.open(URL.createObjectURL(file))
      }
    }

downLoadFile函数第一个参数是后端返回的data,第二个参数名称是文件名称。
前端通过请求并通过后端返回数据文件流来下载文件
发送请求后获取到数据后就调用该函数

相关标签: 文件下载