JS将文本内容下载为文件

原创于 2019-06-12 15:07:58 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JS #下载文件

前端技术专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现文件下载的方法。通过创建一个'a'元素，设置其download属性为文件名，将字符串内容转换为Blob，然后设置为元素的href属性，最后模拟点击事件完成下载过程。

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

//创建元素
var ele = document.createElement('a');
//设置下载文件名
ele.download = "test.html";
//隐藏元素
ele.style.display = "none";
//字符内容转变成blob地址
var blob = new Blob(["123456"]);
//如果是链接，这里也可以直接设置链接地址
ele.href = URL.createObjectURL(blob);
document.body.appendChild(ele);
//模拟点击
ele.click();
//移除元素
document.body.removeChild(ele);