当前位置: 首页 > 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/news/326695.html

相关文章:

  • 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本地分支落后于远程分支,因此推送被拒绝怎么办?
  • nodejs逐字读取文件示例
  • Python中的`super()`函数:掌握面向对象编程的艺术
  • PHP“===”的意义
  • 工具类:JWT
  • 【AI学习】Lilian Weng:Extrinsic Hallucinations in LLMs(LLM 的外在幻觉)
  • TS-AI:一种用于多模态个体化脑区划分的深度学习管道,并结合任务对比合成|文献速递-Transformer架构在医学影像分析中的应用
  • 生产环境升级mysql流程及配置主从服务
  • YOLOv8改进 | 主干篇,YOLOv8改进主干网络为华为的轻量化架构GhostNetV1
  • C++ 左值右值引用梳理(一)
  • 蓝桥杯—STM32G431RBT6(RTC时钟获取时间和日期)