使用JavaScript进行文件下载

Posted 张悟空

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用JavaScript进行文件下载相关的知识,希望对你有一定的参考价值。

通过创建 a 标签进行下载

后端返回数据:

{
    "result": {
        "fileName":"xxxx.xls",
        "fileData":"data:application/vnd.ms-excel;base64,0M8R4KGxGuEAAAAAAAAAAAAAAAAAAAAAOwADAP7/CQAGAAAAAAAAAAAAAAABAAAAPgAAAAAA....."
    }
}

前端处理:

/* 模拟 a 标签的点击下载*/
let {result} = response
let {fileName, fileData} = result

let a = document.createElement("a")
a.href = fileData
a.download = fileName

document.body.appendChild(a)

a.click()
a.remove()

以上是关于使用JavaScript进行文件下载的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

16个必备的JavaScript代码片段

Yarn: 一个新的JavaScript模块管理器

代码片段使用复杂的 JavaScript 在 UIWebView 中插入 HTML?

30秒就能看懂的JavaScript 代码片段

html 将以编程方式附加外部脚本文件的javascript代码片段,并按顺序排列。用于响应式网站,其中ma