可恢复的文件上传 & 文件下载

category
Web
date
Sep 12, 2022
icon
slug
resume-upload
status
Published
summary
利用 node.js 实现一个简易的服务器 通过 xhr 实现上传过程的监听
tags
JavaScript
NodeJS
type
Post

知识点

  • 要有一个 fileId 来标识我们上传的文件(唯一)
  • 需要一个 /status 请求,来询问服务器已经接收了多少byte
    • 服务器通过 X-File-Id header 跟踪文件上传
  • 通过 Blob 和 slice 方法来发送从 startByte 开始的文件

前端实现

页面

JS

Uploader

Index

服务器

 

参考链接:
  1. 可恢复的文件上传 (javascript.info)

© JinSo 2021 - 2026