A detailed walkthrough on how to create a resumable multi-file uploader, how upload work and techniques to use when implementing a resumable upload system using NodeJs express for server, and busboy for multipart form data handling.

[Timeline]

  • 0:00 - Intro
  • 00:32 - Html Setup
  • 01:23 - Request Setup
  • 05:58 - UI Module Setup
  • 07:03 - NodeJs Server Setup
  • 09:21 - Uploader HTML
  • 09:54 - File Tracking & Element
  • 14:09 - Request Tracking
  • 14:48 - Abort & Clear File Request
  • 16:23 - How Upload Works
  • 18:16 - Upload Request File Id
  • 19:35 - Resume File Setup
  • 22:44 - Server Handle Uploaded File
  • 26:22 - Upload Status Handler
  • 27:00 - Resume Upload
  • 28:22 - Styling UI & UX

[Source Code]
https://github.com/beforesemicolon/Projects/tree/development/multifile-uploader

#node #express #web-development #html

Resumable Multi-File Uploader using XMLHttpRequest, NodeJs Express and Busboy
1.95 GEEK