js下载文件流

h～r

于 2022-02-10 14:30:29 发布

阅读量516

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/huang123rui45/article/details/122860252

版权

这段代码展示了如何在Vue应用中通过POST请求下载文件流。它设置请求类型为blob，然后利用日期和自定义文件名创建下载链接，最后触发点击事件完成文件下载。整个过程涉及前端HTTP请求、文件处理和DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载文件流的文件

this.$http({
        method: 'POST',
        url: '接口路径',
        data: state1, //?参数
        responseType: 'blob' //@ 使用什么样的类型格式
      }).then(res => {
        console.log(res)
        const date_ = this.formatDate__(+new Date(), 'YYYYMMDD') //# 给与时间格式
        const fileName = '子项导出' + date_
        const elink = document.createElement('a')
        elink.download = fileName
        elink.style.display = 'none'
        elink.href = URL.createObjectURL(res) //@ 创建
        document.body.appendChild(elink)
        elink.click()
        URL.revokeObjectURL(elink.href) //? 移除
        document.body.removeChild(elink) //? 移除
      }).finally(_ => {
        this.exportTableLoading = false
      })
    },