[前端] JS实现文件下载
2015-05-26 10:04
369 查看
Blob(Binary Large Object)对象代表了一段二进制数据,提供了一系列操作接口。其他操作二进制数据的API(比如File对象),都是建立在Blob对象基础上的,继承了它的属性和方法。
生成Blob对象有两种方法:一种是使用Blob构造函数,另一种是对现有的Blob对象使用slice方法切出一部分。
(1)Blob构造函数,接受两个参数。第一个参数是一个包含实际数据的数组,第二个参数是数据的类型,这两个参数都不是必需的。
下面是一个利用Blob对象,生成可下载文件的例子。
上面的代码生成了一个超级链接,点击后提示下载文本文件hello-world.txt,文件内容为“Hello World”。
生成Blob对象有两种方法:一种是使用Blob构造函数,另一种是对现有的Blob对象使用slice方法切出一部分。
(1)Blob构造函数,接受两个参数。第一个参数是一个包含实际数据的数组,第二个参数是数据的类型,这两个参数都不是必需的。
var htmlParts = ["<a id=\"a\"><b id=\"b\">hey!<\/b><\/a>"]; var myBlob = new Blob(htmlParts, { "type" : "text\/xml" });
下面是一个利用Blob对象,生成可下载文件的例子。
var blob = new Blob(["Hello World"]); var a = document.createElement("a"); a.href = window.URL.createObjectURL(blob); a.download = "hello-world.txt"; a.textContent = "Download Hello World!"; body.appendChild(a);
上面的代码生成了一个超级链接,点击后提示下载文本文件hello-world.txt,文件内容为“Hello World”。
相关文章推荐
- js实现前端下载文件
- 用jspdf实现html5页面下载成pdf文件
- 前端实现文件下载的两种方式
- JS实现网页批量下载文件,支持PC/手机
- js 实现多文件下载
- struts2实现文件上传进度条(前端JS+Java)(自我整理)
- 在node.js下浅谈前端下载文件的方法
- 关于JS访问文件服务器的HTTP文件地址实现文件下载
- 使用 JS 访问服务器地址实现下载文件
- JS 实现一次下载多个文件
- JS前端实现表格下载的方法
- 浅析Node.js实现HTTP文件下载
- 【前端七牛组件】使用js 实现七牛云的上传文件操作
- js 下载文件 前端 后台 处理
- JS前端下载文件
- js简单实现文件下载
- js实现文件下载自定义下载路径
- js实现不刷新文件下载功能
- 【前端】利用ajax实现伪文件异步上传下载
- 前端js实现文件的断点续传 后端PHP文件接收