Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 2 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 (over 1 year ago)
Default Branch: master
Last Pushed: 2024-02-21T14:00:15.000Z (10 months ago)
Last Synced: 2024-09-23T01:32:04.085Z (3 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: 16
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://......`

[![Example video](https://github.com/ReaganM02/Nuxt3-Upload-Multiple-Files-To-MongoDB/blob/master/public/Screenshot%202023-04-29%20at%201.18.40%20AM.png)](https://res.cloudinary.com/dg1sh76js/video/upload/v1682702146/Screen_Recording_2023-04-29_at_1.02.40_AM_pvkzwj.mov)