当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 使用FileSave.js将网页内容保存到文件

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

2019年09月12日  | 移动技术网IT编程  | 我要评论

在写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>

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网