https://github.com/reaganm02/nuxt3-upload-multiple-files-to-mongodb
Nuxt 3: Drag & Drop upload multiple files to MongoDB using Multer. Delete file from the folder and mongodb
https://github.com/reaganm02/nuxt3-upload-multiple-files-to-mongodb
file-upload file-uploads mongodb mongodb-database mongoose multer multer-storage nuxt3 typescript vue3 vuejs
Last synced: 3 months ago
JSON representation
Nuxt 3: Drag & Drop upload multiple files to MongoDB using Multer. Delete file from the folder and mongodb
- Host: GitHub
- URL: https://github.com/reaganm02/nuxt3-upload-multiple-files-to-mongodb
- Owner: ReaganM02
- Created: 2023-04-28T17:04:50.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-02-21T14:00:15.000Z (over 1 year ago)
- Last Synced: 2025-01-29T09:44:56.621Z (4 months ago)
- Topics: file-upload, file-uploads, mongodb, mongodb-database, mongoose, multer, multer-storage, nuxt3, typescript, vue3, vuejs
- Language: Vue
- Homepage:
- Size: 1.61 MB
- Stars: 17
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt 3: Upload multiple files using multer module. #
The files will be save in the `public/assets/images` folder and store their `paths` in MongoDB. This allows you to easily access and manipulate the files along with their associated data. If you want to remove a file, you can delete the corresponding document in MongoDB, which in turn will remove the file from the images folder as well as its associated document. See video example.
### Click The Link Below for Nuxt 3 and MongoDB: Drag & Drop Upload Multiple Files. Post, Get, & Delete Files.
🔗 https://www.youtube.com/watch?v=mQxY3tL7-pg
## Usage ##
* Create a .env file
* Add your mongoDb URL `MONGO_URL=mongodb+srv://......`
[](https://res.cloudinary.com/dg1sh76js/video/upload/v1682702146/Screen_Recording_2023-04-29_at_1.02.40_AM_pvkzwj.mov)