javascript-Blob文件对象

一个Blob对象就是一个包含有只读原始数据的类文件对象.Blob对象中的数据并不一定得是JavaScript中的原生形式.File接口基于Blob,继承了Blob的功能,并且扩展支持了用户计算机上的本地文件.

创建Blob对象的方法有几种,可以调用Blob构造函数,还可以使用一个已有Blob对象上的slice()方法切出另一个Blob对象,还可以调用canvas对象上的toBlob方法.

例子:

1
var blob = new Blob(["Hello world!"], { type: "text/plain" });

通过 Blob 对象可以创建一个子 Blob 对象,将其分割(file 对象也可以)。

由于每个 Blob 对象都是通过指针指向数据的而不是指向数据本身,可以快速的创建指向其他子部分的新的 Blob 对象,这里使用 slice() 方法。

此方法接受三个参数,起始偏移量,结束偏移量,还有可选的 mime 类型。

当要上传大文件的时候,此方法非常有用,可以将大文件分割分段,然后各自上传,因为分割之后的 Blob 对象和原始的是独立存在的

目前IE系列的浏览器 从IE10起支持Blob Chrome和Firefox支持Blob。

javascript-Blob文件对象,布布扣,bubuko.com

时间: 2024-12-30 22:16:12

javascript-Blob文件对象的相关文章

如何用 JavaScript 下载文件

简介 我们知道,下载文件是一个非常常见的需求,但由于浏览器的安全策略的限制,我们通常只能通过一个额外的页面,访问某个文件的 url 来实现下载功能,但是这种用户体验非常不好.幸好,HTML 5 里面为 <a> 标签添加了一个 download 的属性,我们可以轻易的利用它来实现下载功能,再也不需要用以前的笨办法了. 原理 我们先看看 download 的使用方法: <a href="http://somehost/somefile.zip" download=&quo

Blob文件处理

Blob对象简要介绍 Blob 对象表示一个不可变.原始数据的类文件对象.Blob 表示的不一定是JavaScript原生格式的数据.File 接口基于Blob,继承了 Blob 的功能并将其扩展使其支持用户系统上的文件. 语法 const aBlob = new Blob( array, options ); 参数说明 array 是一个由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ,或者其他类似对象的混合体,它将会被放

javascript --- jQuery --- Deferred对象

javascript --- jQuery --- Deferred对象 javascript的函数式编程是多么引人入胜,jQuery使代码尽可能的精简,intelligent! defer - 必应词典:v.迁延:听从:扣存:[军]使延期入伍所以deferred对象的含义就是"延迟"到未来某个点再执行. jQuery的官方文档给出了用jQuery.ajax()发送请求的基本方式http://api.jquery.com/jQuery.ajax/Example: Save some d

Javascript学习------FileSystemObjec对象

动态创建FileSystemObject对象: var fso=new FileSystemObject("Scripting.FileSystemObject"); (接下来可以用变量fso对Drive对象.Drives集合.File对象.Files集合.Folder对象.Folders集合以及TextStream对象进行相应的操作.) FileSystemObject对象的方法 ·GetAbsolutePathName()方法:该方法根据提供的路径返回完整的路径. ·GetBase

使用SSH操作Oracle中BLOB大对象

package entity; /** * Bigobject entity. @author MyEclipse Persistence Tools */ public class Bigobject implements java.io.Serializable { // Fields private Integer id; private byte[] tblob; private String filename; // Constructors /** default construct

javascript之window对象

 属性 closed   获取引用窗口是否已关闭. defaultStatus      设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments      设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight      设置或获取模式对话框的高度. dialogLeft    设置或获取模式对话框的左坐标. dialogTop    设置或获取模式对话框的顶坐标. dialogWidth       设置或获取模式对话框的宽度. frameEl

javascript 内置对象及常见API

javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码. decodeURIComponent() 对encodeURIComponent()转义的字符串解码. encodeURI(

Javascript操作文件

可以通过浏览器在访问者的硬盘上创建文件 JavaScript操作文件系统创建快捷方式 可以通过浏览器在访问者的硬盘上创建文件,因为我开始试了一下真的可以,不信你把下面这段代码COPY到一个HTML文件当中再运行一下! <script language="JavaScript"> <!-- var fso = new ActiveXObject("Scripting.FileSystemObject"); fso.DeleteFile("c

JavaScript——2(对象)

1,对象(Object)或实例(instance):在JavaScript中,对象则是数据与程序代码的组合,它可以是整个应用程序或整个应用程序的一部分. 2,属性(property)或字段(filed):是用来描述对象的特质. 3,方法(method):是用来执行对象的动作. 4,事件(event):是在某些情况下发出特定信号警告. 5,类(class):是对象的分类,就像对象的蓝图,隶属于相同类的对象具有相同 的属性,方法与事件,但属性的值则不一定相同. 6,window对象包括以下三类子对象