ItSolutionStuff.com

Node JS Express Image Upload Rest API Example

By Hardik Savani • December 2, 2021
Node JS

Hi All,

If you need to see example of node js create api for image upload. if you want to see example of how to upload image in node js api then you are a right place. This article will give you simple example of node js express upload image rest api. This article goes in detailed on node js rest api file upload example. So, let's follow few step to create example of node js rest api file upload using multer.

In this tutorial, we will create very simple way rest API for Image Uploading using node js and multer. we will use express, multer, body-parser npm package for creating image upload with node.js and multer.

Now you have to follow few step to create rest api for image upload with node js. we are giving you step by step from scratch so let's follow bellow step.

Step 1: Create Node App

run bellow command and create node app.

mkdir my-app

cd my-app

npm init

Step 2: Install express multer body-parser

Here we will install express, multer, body-parser npm package.

npm install --save express multer body-parser

Step 3: Create app.js file

app.js

const express = require('express');

const bodyParser = require('body-parser');

const app = express();

const multer = require('multer');

/*------------------------------------------

--------------------------------------------

parse application/json

--------------------------------------------

--------------------------------------------*/

app.use(bodyParser.json());

/*------------------------------------------

--------------------------------------------

image upload code using multer

--------------------------------------------

--------------------------------------------*/

var storage = multer.diskStorage({

destination: function (req, file, cb) {

cb(null, 'uploads');

},

filename: function (req, file, cb) {

cb(null, Date.now() + '-' + file.originalname);

}

});

var upload = multer({ storage: storage });

/**

* Create New Item

*

* @return response()

*/

app.post('/api/image-upload', upload.single('image'),(req, res) => {

const image = req.image;

res.send(apiResponse({message: 'File uploaded successfully.', image}));

});

/**

* API Response

*

* @return response()

*/

function apiResponse(results){

return JSON.stringify({"status": 200, "error": null, "response": results});

}

/*------------------------------------------

--------------------------------------------

Server listening

--------------------------------------------

--------------------------------------------*/

app.listen(3000,() =>{

console.log('Server started on port 3000...');

});

Run Node App:

All the required steps have been done. You must need to create "uploads" folder on root path, now you have to type the given below command and hit enter to run the Node app:

node app.js

Now, Go to your web browser, type the given URL and check it's working:

http://localhost:3000

Image Upload API:

Method:GET

URL: http://localhost:3000/api/image-upload

Now you can check your own.

I hope it can help you...

Tags: Node JS
Hardik Savani

Hardik Savani

I'm a full-stack developer, entrepreneur, and founder of ItSolutionStuff.com. Passionate about PHP, Laravel, JavaScript, and helping developers grow.

📺 Subscribe on YouTube

We Are Recommending You

How to Create PDF File in Node JS?

Read Now →

How to Create Basic API in Node JS Express?

Read Now →

How to find Files by Extension in Node JS?

Read Now →

How to Move File in Folder using Node JS?

Read Now →

How to Generate QR Code in Node JS?

Read Now →

How to Send Email using Gmail Account in Node.js?

Read Now →

Node JS Resize Image Before Upload using Multer Sharp

Read Now →

Multiple File Upload in Node JS using Multer Example

Read Now →

Node js Express Multiple Image Upload using Multer Example

Read Now →

File Upload in Node JS using Multer Example

Read Now →

Node js Express Image Upload using Multer Example

Read Now →