关闭

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

时间: 2019-09-12阅读: 1674标签: 文件

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

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

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/5285

nodejs对项目下所有空文件夹创建gitkeep

项目/框架初始化时可能需要保留一些空文件,这时候就需要批量新增gitkeep

什么是断点续传?前端如何实现文件的断点续传

什么是断点续传?就是下载文件时,不必重头开始下载,而是从指定的位置继续下载,这样的功能就叫做断点续传。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。

前端文件下载的方式

http 头部的 Content-Disposition字段,规定了返回的内容用什么形式展示,前端需要使用window.open 形式访问 此路由就可以实现文件的下载

form表单文件上传_multipart/form-data文件上传

form表单的enctype属性:规定了form表单数据在发送到服务器时候的编码方式.。application/x-www-form-urlencoded:默认编码方式,multipart/form-data:指定传输数据为二进制数据,例如图片、mp3、文件,text/plain:纯文本的传输。空格转换为“+”,但不支持特殊字符编码。

前端实现文件下载功能

通过window.open()打开新页面下载文件;通过a标签打开新页面下载文件;通过文件流的方式下载;如何实现批量下载,且打包文件

TypeScript声明文件

当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。假如我们想使用第三方库 jQuery,一种常见的方式是在 html 中通过 <script> 标签引入 jQuery

JavaScript 如何读取本地文件

出于安全和隐私的原因,web应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件,可以通过使用input file和FileReader来实现。在这篇文章中,我们将通过一些例子来看看它是如何工作的。

如何使用 HTML Imports?

Web 组件从第一次被引入,经历了漫长的过程。其中某个组件可能真的会改变我们编写网站的方式,它就是 HTML Imports 。这种方法允许我们将 HTML 文档导入到其他的 HTML 文档中去

前端实现在线预览pdf、word、xls、ppt等文件

免费纯前端方式实现在线预览word、excel、ppt最优选择微软在线预览(不可编辑),利用后端将文件转为图片,前端以图片形式预览(可行方案)

javascript中如何读取文件?

因为JavaScript中的Web API有了新的方法File API,所以我们在浏览器上读取文件并处理数据更加方便而且不需要使用到后端服务器。FileReader就是从一个文件中读取数据并存储在一个JavaScript变量中

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!