Upload image file in React to MongoDB

Use react file base64 package to upload the image to mongoDB

In this article, we are going to create a project to upload the image to the MongoDB.

NodeJS Course:

Complete NodeJS course with express, socket io and MongoDB

First, create a folder structure like this

Server side

npm init -y
npm install cors express mongoose nodemon

Models

under “models”, create items.js

Mongoose schema provide a blueprint for creating objects.

import mongoose from 'mongoose';
const itemSchema = mongoose.Schema({
title:String,
image:String
},{ timestamps: true })