File Upload in Node JS using Multer Example

By Hardik Savani March 22, 2021 Category : Node JS


In this example, you will learn node js express file upload example multer. i explained simply about node.js express upload file example. This tutorial will give you simple example of node js file upload using multer. i would like to share with you node.js file uploading with multer.

I will give you step by step simple example of file upload using multer with node js and express js. let's follow bellow steps:


Step 1: Create Node App

run bellow command and create node app.

mkdir my-app

cd my-app

npm init

Step 2: Install express and multer

run bellow command and create node app.

npm install express multer --save

Step 3: Create app.js file


const express = require('express');

const multer = require('multer');

const path = require('path');

const app = express();

const storage = multer.diskStorage({

destination: function(req, file, cb) {

cb(null, 'uploads/');


filename: function(req, file, cb) {

cb(null, file.fieldname + '-' + + path.extname(file.originalname));



var upload = multer({ storage: storage })

app.get('/', (req, res) => {

res.sendFile(__dirname + '/index.html');

});'/', upload.single('file-to-upload'), (req, res) => {




Step 4: Create index.html file


<!DOCTYPE html>

<html lang="en">


<title>Node js Express File Upload using Multer Example -</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">



<h1>Node js Express File Upload using Multer Example -</h1>

<form action="/" enctype="multipart/form-data" method="post">

<input type="file" name="file-to-upload">

<input type="submit" value="Upload">




now you can simply run by following command:

npm start

open following url:


i hope it can help you...

Tags :