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
[Article references]
NodeJs Article:
https://medium.com/swlh/10-nodejs-things-you-should-know-master-to-be-a-pro-bdfdb5620c0b
Javascript Solutions Articles:
https://medium.com/javascript-in-plain-english/25-javascript-code-solutions-utility-tricks-you-need-to-know-about-3023f7ed993e
[Packages References]
express: http://expressjs.com
busboy: https://www.npmjs.com/package/busboy
multer: https://www.npmjs.com/package/multer
multiparty: https://www.npmjs.com/package/multiparty
cors: https://www.npmjs.com/package/cors
[Playlist]
https://www.youtube.com/playlist?list=PLpWvGP6yhJUgLc1w7d9CbkwnYORA9YNua
[Blog]
website = https://beforesemicolon.com/blog
medium = https://beforesemicolon.medium.com/
[Follow Social Accounts]
- Instagram = https://www.instagram.com/before_semicolon_/
- twitter = https://twitter.com/BeforeSemicolon
- facebook = https://www.facebook.com/beforesemicolon
- codepen = https://codepen.io/beforesemicolon
[Source Code]
https://github.com/beforesemicolon/Projects/tree/multifile-resumable-uploader
