web前端与koa框架node后端实现分片断点上传
web前端,先选择文件,然后点击上传 html代码如下:
<div>
<input type="file" />
<el-button @click="uploadFile()" type="primary">上传
</el-button>
</div>
上传代码如下
其实也就是每次传50mb,如果网络突然断掉,则尝试十次上传,十次之后网络如何还是断的,则表示网络彻底断了,就不传了。这里的文件格式与文件名称也需要放到form表单里上传。如果只有file内容则文件信息都获取不到。
//
function uploadFile() {
const fileInput = document.getElementById('file-input');
const file = fileInput.files[0];
const chunkSize = 50 * 1024 * 1024; // 1MB 每次上传1mb
let start = 0;
let uploadNum = 0
function uploadChunk() {
const end = Math.min(start + chunkSize, file.size)