Vue Multiple File Drag & Drop Uploader
19 episodes•1 hr 47 mins•4 years ago
Overview
Build a solid multiple file uploader with Vue. It features endpoint configuration per file type, queuing based on maximum concurrency, cancellable downloads and more.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 1h 47m
- Played: 0m
- Remaining: 1h 47m
01. Introduction
2m 32s
0%
02. Quick API endpoint
2m 7s
0%
03. Vue project and tailwind setup
6m 52s
0%
04. Selecting files
8m 1s
0%
05. Dragging and dropping
4m 58s
0%
06. Rendering an upload list
8m 6s
0%
07. Rendering the display size of files
1m 38s
0%
08. Getting an upload endpoint
9m 14s
0%
09. Using states
5m 26s
0%
10. Uploading files
5m 58s
0%
11. Calculating upload percentage
2m 20s
0%
12. Complete and failed states
2m 8s
0%
13. Cancelling an upload
3m 17s
0%
14. Circular progress indicator
11m 40s
0%
15. Emitting progress from children
7m 17s
0%
16. Listening for upload states
11m 25s
0%
17. Showing overall stats
3m 38s
0%
18. Discounting failed uploads in stats
2m 58s
0%
19. Implementing maximum concurrent uploads
7m 49s
0%