利用Blob进行文件上传的完整步骤_blob上传,blob文件上传资源-CSDN下载

版权申诉

128 浏览量 2020-12-10 01:55:41 上传评论 1 收藏 102KB PDF 举报

资源推荐

资源详情

资源评论

利用利用Blob进行文件上传的完整步骤进行文件上传的完整步骤

Blob

Blob，Binary Large Object的缩写，二进制类型的大对象，代表不可改变的原始数据

在计算机中，BLOB常常是数据库中用来存储二进制文件的字段类型。

Blob基本用法基本用法

Blob对象对象

Blob对象指的是字节序列，并且具有size属性，是字节序列中的字节总数，和一个type属性，它是小写的ASCII编码的字符串

表示的媒体类型字节序列。

size:以字节数返回字节序列的大小。获取时，符合要求的用户代理必须返回一个FileReader或一个

FileReaderSync对象可以读取的总字节数，如果Blob没有要读取的字节，则返回0 。

type:小写的ASCII编码字符串表示媒体类型Blob。在获取时，用户代理必须Blob以小写形式返回a类型的ASCII编码

字符串，这样当它转换为字节序列时，它是可解析的MIME类型，或者是空字符串（0字节）如果是类型无法确

定。

构造函数构造函数

创建blob对象本质上和创建一个其他对象的方式是一样的，都是使用Blob() 的构造函数来进行创建。构造函数接受两个参

数：

第一个参数为一个数据序列，格式可以是ArrayBuffer, ArrayBufferView, Blob, DOMString

第二个参数是一个包含以下两个属性的对象

type: MIME的类型,

endings: 决定第一个参数的数据格式。默认值为”transparent”，用于指定包含行结束符n的字符串如何被写入。它是以下两个

值中的一个： “native”，表示行结束符会被更改为适合宿主操作系统文件系统的换行符； “transparent”，表示会保持blob中保

存的结束符不变。

var data1 = "a";

var blob1 = new Blob([data1]);

console.log(blob1); //输出：Blob {size: 1, type: ""}

var debug = {hello: "world"};

var blob = new Blob([JSON.stringify(debug, null, 2)],{type : 'application/json'});

console.log(blob) // 输出 Blob(22) {size: 22, type: "application/json"}

// 创建一个8字节的ArrayBuffer，在其上创建一个每个数组元素为2字节的“视图”

var abf = new ArrayBuffer(8)

var abv = new Int16Array(abf)

var bolb_ArrayBuffer = new Blob(abv, {type : 'text/plain'})

console.log(bolb_ArrayBuffer) //输出 Blob(4) {size: 4, type: "text/plain"}

slice方法方法

Blob对象有一个slice方法，返回一个新的 Blob对象，包含了源 Blob对象中指定范围内的数据。

slice(start, end, contentType)

start：可选，代表 Blob 里的下标，表示第一个会被会被拷贝进新的 Blob 的字节的起始位置。如果传入的是一个

负数，那么这个偏移量将会从数据的末尾从后到前开始计算。

end：可选，代表的是 Blob 的一个下标，这个下标-1的对应的字节将会是被拷贝进新的Blob 的最后一个字节。如

果你传入了一个负数，那么这个偏移量将会从数据的末尾从后到前开始计算。

contentType：可选，给新的 Blob 赋予一个新的文档类型。这将会把它的 type 属性设为被传入的值。它的默认值

是一个空的字符串。

var data = "abcdef";

var blob1 = new Blob([data]);

var blob2 = blob1.slice(0,3);

console.log(blob1); //输出：Blob {size: 6, type: ""}

console.log(blob2); //输出：Blob {size: 3, type: ""}

slice用于文件分片上传

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

版权申诉

weixin_38605967

粉丝: 7

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip