elemenetui 布局_结合elemenet-ui 的el-upload组件支持分片上传

结合elemenet-ui 支持分片上传

暂时不支持安装的方式， 主要是提供思路, 可以复制代码去使用(代码逻辑还可以继续优化)

代码核心在 utils.uploadByPieces 函数

readFileMD5 读取文件的md5

const readFileMD5 = (files) => {

// 读取每个文件的md5

files.map((file, index) => {

let fileRederInstance = new FileReader()

fileRederInstance.readAsBinaryString(file)

fileRederInstance.addEventListener('load', e => {

let fileBolb = e.target.result

let fileMD5 = md5(fileBolb)

if (!fileList.some((arr) => arr.md5 === fileMD5)) {

fileList.push({md5: fileMD5, name: file.name, file})

AllFileSize = AllFileSize + file.size

}

if (index === files.length - 1) readChunkMD5(fileList)

}, false)

})

}

复制代码

readChunkMD5 将读取到的文件进行分片处理

// 针对每个文件进行c