自学内容网 自学内容网

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)

原文地址:https://blog.csdn.net/guige8888811/article/details/142486520

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!