文件拆分与合并的目的
这个技术的主要应用场景在文件的传输上,当要传输的文件比较大的时候,普通的大文件传输需要耗费很大的时间,且传输失败就需要所有重新传输。那如果把要传输的大文件进行切分,切分成多块,分块进行传输,这可以保证传输失败的时候,只要重传失败的那一部分块级文件就行,并且可以控制传输速度。例如当你上传文件的时候,可以通过分块上传的技术来控制停止还是继续上传之后的块级文件,下载也亦是如此。
文件拆分
实现文件拆分其实很简单,File对象上有一个slice方法,可以对文件进行切割拆分,这个方法有两个参数,第一个参数是需要拆分的开始的位置,第二个是结束的位置,返回的是一个Blob二进制对象。
以下是实现文件拆分的方法,详细步骤解释看注解
function split(){
// selectFile是封装好的一个选择文件的方法,参数false表示文件不可多选
selectFile(false).then(({
files})=>{
// 返回的files是选择的文件数组
let file=files[0];
// 每一块的大小,这里定为10MB
let singleSize=1024*1024*10;
let arr=[];
// 下面开始切分,实际应用情况会在切分的过程中进行文件的传输,这里为了观察到为文件分块情况,将切分好的块push进入arr中,然后进行下载导出。
for(let i=0;i<file.size;i+=singleSize){
let end=i+singleSize>file.size?file.size:i+singleSize;
arr.push(file.slice(i,end));
}
downloadFiles(arr,file.name);
})
}
文件合并
文件合并就是读取之前分割好的二进制对象,以数组的形式按顺序拼接在一起,然后通过File对象构造出对应完整的file对象。以下是实现代码:
function merge(){
selectFile(true).then(({
files})=>{
let arr=[...files].map(file=>file.slice(0,file.size));
let name=files[0].name.replace(/</