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

本文主要是介绍Vue学习笔记：大文件实现切割分片上传，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

template

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

script

//文件分片切割getFileChunk(data){const that = thisconst 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)}

支持作者

欢迎关注作者公众号！！

 

这篇关于Vue学习笔记：大文件实现切割分片上传的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---