js创建并下载文件

Posted 前端开发-阿锋

tags:

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

先上代码:

function createAndDownloadFile(fileName, content) {
    var aTag = document.createElement(a);
    var blob = new Blob([content]);
    aTag.download = fileName;
    aTag.href = URL.createObjectURL(blob);
    aTag.click(); // 模拟点击
    URL.revokeObjectURL(blob);
}
fileName:文件名称
content:文件内容

直接调用这个方法,传入文件名和文件内容,程序新建 a 标签,新建 Blob 对象,将文件名赋给 a 标签,同时将 Blob 对象作为 Url 也赋给 a 标签,模拟点击事件,自动下载成功,最后再回收内存。

Blob 对象

Blob 对象是一个字节序列。拥有 sizetype 等属性。·

拥有 2 个只读状态 OPENDCLOSED。

 


以上是关于js创建并下载文件的主要内容,如果未能解决你的问题,请参考以下文章

创建自己的代码片段(CodeSnippet)

js创建并下载文件

保存以编程方式为片段创建的视图并在 onresume 中恢复

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

React Native:如何从代码创建 excel 文件?