文件的拆分与合并

文件拆分与合并的目的

这个技术的主要应用场景在文件的传输上,当要传输的文件比较大的时候,普通的大文件传输需要耗费很大的时间,且传输失败就需要所有重新传输。那如果把要传输的大文件进行切分,切分成多块,分块进行传输,这可以保证传输失败的时候,只要重传失败的那一部分块级文件就行,并且可以控制传输速度。例如当你上传文件的时候,可以通过分块上传的技术来控制停止还是继续上传之后的块级文件,下载也亦是如此。

文件拆分

实现文件拆分其实很简单,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(/</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值