使用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>