Nuxt 3 and MongoDB: Drag & Drop Upload Multiple Files. Post, Get, & Delete Files.
🎓 Learn how to implement Drag & Drop file uploads with Nuxt.js and MongoDB in this comprehensive tutorial. Upload multiple files, store them in the server's public folder, and manage file paths in MongoDB effortlessly.
👍 If you find this content helpful, don't forget to hit the like button and subscribe for more insightful tutorials on Nuxt 3 and web development. Your support keeps the knowledge flowing! 🌐✨
Project Setup
🔗https://github.com/ReaganM02/DragAndD...
Chapters
0:00 - Demo
1:17 - Project setup
3:16 - Create Drag & Drop Functionality
5:31 - Files Validation
7:31 - Send Files to the Server
12:03 - Store Files in the Public folder
14:32 - Connect to MongoDB
16:17 - Create Upload Model
17:59 - Store Paths in MongoDB
22:07 - Display Paths in the Client
28:11 - Delete a File
33:32 - Create a File Dialog