可以合成一个大的Blob，再放到src上进行播放。
var theBigBlob = new Blob(blobsArr, {type: "video/mp4"
})
document.getElementById("re-video").src = URL.createObjectURL(blob)
另外，请问你知道怎么只取一段blob吗，这个blob数组只有从前面开始取才能播放，单个的好像不能播放，我想只取后面几个连续的一部分
在前端开发中，我们经常遇到上传文件的需求，以前都是用到时再找资料，但总是感觉对这块不熟，最近翻资料学习了一下，记录一下。
本文中涉及的知识点有：FileList对象，Blob对象，File对象，URL对象、FormData对象等。
本文参考 网道 ，总结而来。另外，强烈推荐网道，可以去 网道的官方 看看，是阮一峰大神发起的项目，提供互联网开发文档，文档非常全面易懂。
FileList对象，是一个像数组的对象，拥有length属性和item()方法，同时，它的每一项都是File对象。
input 标签，将type设为file，之后得到的files属性就是一个FileList对象。
blob 对象表示1个二进制文件的数据内容。blob对象和arraybuffer区别是，blob对象用于操作二进制文件，arraybuffer用于操作内存。
blob 对象拥有2个属性和1个方法，分别是size(单位是字节)、type属性和slice()方法。
File 对象是一种特殊的Blob 对象。它在继承了size、type属性外，还同时有name、lastModified、lastModifiedDate等几个属性。
FileList 对象中的每一项都是File 对象。
拿到File 对象之后就要进行操作，下面是操作。
URL.createObjectURL(file) 允许为File 对象创建一个临时链接，
FileReader 对象的属性和方法比较多，属性中比较重要的是result，方法中比较重要的是
FileReader 对象的所有属性和方法可以参考 这里 ,这里就不再列出来了。
在早期的互联网时候，提交数据都是用表单。表单提交数据有些缺陷，例如无法校验表单数据，会刷新整个页面等。随着Ajax的兴起，页面表单提交数据慢慢退出历史舞台，但有时上传文件时我们偶尔会用到表单提交数据。
在调用构造函数new FormData(form)构造formdata对象时需要传入form节点，如果不传入，则默认构建空表单。如果传入，则按照key=value的时候构建表单。
可以看看效果图
FormData 对象主要的方法有：
cavas压缩图片其实很简单，无非就是几个步骤：
1、选择图片，判断图片是否大于2M（用File对象的size进行判断，size的单位是字节）；
2、用FileReader对象读取文件成base64,
3、然后创建Image对象，赋值src属性，在Image对象加载完成的回调里创建cavas并绘制图片(根据图片是否大于2M动态调整画布大小)；
4、将cavas转成blob，拼在formdata中用ajax上传。
这篇文章到这里也就结束了，这篇文章包含了一些浏览器中提供的对象，可以看到都是很简单的内容。
使用jdk中的方法进行传输。在ResultSet 中有getBlob()方法，在PreparedStatement中有setBlob()方法，所以大多数人都会尝试setBlob。
js没有所谓byte，只有一个ArrayBuffer，而且ArrayBuffer又不能通过http传递。要么你是用ajax的response直接获取blob对象的，要么你从服务器返回的是base64编码的字符串，js自己再decode然后转化成ArrayBuffer得到blob对象。
SLICE方法：
Blob对象的slice方法使用三个参数，均为可选参数，如果三个参数均省略时，相当于把一个Blob对象中的原始二进制数据原样复制到一个新建的Blob对象(即slice方法的返回值)中。
Blob对象的slice方法的第一个参数start的参数值为一个整数值，代表起始复制位置在Blob对象所代表的原始二进制数据中的位置，当start参数值为0时代表从该数据的起始位置(即第一个字节)开始复制数据；如果start参数值为负数值且Blob对象的size属性值+start参数值大于等于0。
则起始复制位置为Blob对象的size属性值+start参数值；如果start参数值为负数值且Blob对象的size属性值+start参数值小于0，则起始复制位置为Blob对象所代表的原始二进制数据的起始位置；如果start参数值为正数值且大于等于Blob对象的size属性值。
