当前位置: 首页 > article >正文

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)

http://www.kler.cn/a/326695.html

相关文章:

  • Apifox 12月更新|接口的测试覆盖情况、测试场景支持修改记录、迭代分支能力升级、自定义项目角色权限、接口可评论
  • 1-Linux 基础入门指南
  • 【Unity3D】ECS入门学习(七)缓存区组件 IBufferElementData
  • 两分钟解决:vscode卡在设置SSH主机,VS Code-正在本地初始化VSCode服务器
  • 免费资源网站
  • Linux网络——TCP的运用
  • xtu oj 六边形
  • 制造企业如何提升项目管理效率?惠科股份选择奥博思PowerProject项目管理系统
  • Windows环境Apache httpd 2.4 web服务器加载PHP8:Hello,world!
  • 【BurpSuite】访问控制漏洞和权限提升 | Access control vulnerabilities (3-6)
  • 一个静态ip可以提取出来多少ip
  • 新版pycharm如何导入自定义环境
  • elasticsearch_exporter启动报错 failed to fetch and decode node stats
  • C语言_回调函数和qsort
  • 全局安装cnpm并设置其使用淘宝镜像的仓库地址(地址最新版)
  • [leetcode] 71. 简化路径
  • 平安养老险肇庆中心支公司开展“2024年金融教育宣传月”活动
  • 【设计模式-模板】
  • k8s StorageClass 存储类
  • 中信银行西安分行开展“担当新使命 消保县域行”金融教育宣传活动
  • 总结之Coze 是一站式 AI Bot 开发平台——工作流使用及coze总结(三)
  • vivado中除法器ip核的使用
  • VS开发 - 静态编译和动态编译的基础实践与混用
  • golang学习笔记23-面向对象(五):多态与断言【重要】
  • C++学习9.24
  • git本地分支落后于远程分支,因此推送被拒绝怎么办?