欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用FileSave.js将网页内容保存到文件

程序员文章站 2022-06-10 16:57:38
这个例子告诉你如何使用JavaScript将网页中的内容保存到文件。 ......

在写chrome extension时候,偶尔需要将网页的内容保存到文件。要实现此功能,正常的流程是创建blob对象存放内容,创建url,创建一个 a 标签,然后将连接与blob对象关联并放到 a标签的href或者download(h5)属性中。具体参照stack overflow方案。然而,有人已经将保存文件的功能封装好了,可以很方便的保存各种类型的文件。地址:https://github.com/eligrey/filesaver.js

下面是一个保存文本文件的例子。

代码:

<p><a href="javascript:window.saveas(new blob([document.getelementbyid('txt').value]), '文件.txt')">点击保存文本框中的内容到文件</a><br>
<textarea id="txt" style="width: 300px; height: 100px;" spellcheck="false">文本框中的内容</textarea></p>

点击保存文本框中的内容到文件