美文网首页
前端下载文件

前端下载文件

作者: Ropynn | 来源:发表于2020-07-13 11:06 被阅读0次

前端创建下载窗口

export const downloadFile = (url, filename) => {
    const a = document.createElement('a')
    a.href = url
    a.download = filename
    document.body.appendChild(a)
    a.style = 'display: none'
    a.click()
    a.remove()
}

流文件下载

const fileName = `${row.appName}.txt`
exportGameParamAPI({ appId: row.id }).then(res => {
    let blob = new Blob([res])
    let url = URL.createObjectURL(blob)
    downloadFile(url, fileName)
})

接口

// 导出游戏参数
export const exportGameParamAPI = params => {
    return axios.get('/xxx/xxx', { params })
}

如果返回的是网址

downloadFile(url)

相关文章

  • 文件上传与下载

    文件上传 前端页面 Action处理类 struts.xml 文件下载 前端页面 处理下载请求的action st...

  • js blob导出文件 文件下载 中文乱码的问题

    需求:后端文件以二进制流的形式返回给前端, 前端需要读取流文件实现文件下载。 场景:下载成功,文件乱码。 原因:与...

  • 前端文件下载

    最近做项目遇到要把文件放在前端项目中,然后点击下载完整代码: 先把文件放在静态目录src/assets里面 通过i...

  • Vue-纯前端导出word文档

    在项目中,我们可以借助后端返回文件流实现文件下载。如果前端有数据,也可以借助前端框架进行下载。本文将介绍如何在前端...

  • Vue-纯前端导出word文档

    在项目中,我们可以借助后端返回文件流实现文件下载。如果前端有数据,也可以借助前端框架进行下载。本文将介绍如何在前端...

  • 前端下载文件无法打开

    前端下载文件无法打开 在开发过程中遇到下载功能,后端直接从服务器拉文件是可以打开的,前端通过接口下载的文件打开报错...

  • xlsx.js excel文件下载

    excel 文件的下载 前端 后端导出 excel

  • 前端下载文件

    前端创建下载窗口 流文件下载 接口 如果返回的是网址

  • 前端下载文件而不是打开预览(支持 doc / excel / p

    前端根据后台返回的文件地址(非跨域),实现点击下载文件 a 标签下载文件,download属性可以实现对下载文件的...

  • 关于前端下载的常用问题

    关于前端下载的常用问题 1.前端利用a标签下载文件报文件格式于要拓展名不匹配 原因://import'@/moc...

网友评论

      本文标题:前端下载文件

      本文链接:https://www.haomeiwen.com/subject/pheqvctx.html