Vue学习笔记：大文件实现切割分片上传

相关资源：Vue学习笔记：获取文件唯一标识 md5值

template

<input
              multiple="multiple"
              type="file"
              ref="fileUpload"
              style="display: none"
              @change="getFileChunk()"
      />

script

//文件分片切割
            getFileChunk(data){
                const that = this
                const File = data.file
                //开启分片
                var start = 0;
                var end;

                var filesize = File.size;

                //计算文件切片总数
                var totalPieces = Math.ceil(filesize / that.bytesPerPiece);
                while(start < filesize) {
                    end = start + that.bytesPerPiece;
                    if(end > filesize) {
                        end = filesize;
                    }
                    var chunkFile = File.slice(start,end);//切割文件
                    that.files = new window.File([chunkFile], File.name, {type: File.type})
                    that.filesData.push(that.files)

                    start = end;

                    console.log("分片总数："+totalPieces)
                    console.log("分片大小："+chunkFile.size)

                }


                console.log(that.filesData)

            }

支持作者

欢迎关注作者公众号！！