How to upload image using Base64 string in NodeJs

Question

I am trying to upload image on server as I am getting base64 string when user is uploading image from an android app though I am getting that base64 string on backend but how can I convert it into image and save it into some directory.

Below is my code:

server.js

const express = require('express');
const app = express();

const port = process.env.PORT || 3000;

app.use(require('./routes/upload'));

app.listen(port, console.log(`App is running at ${port} port.`));

upload.js

const express = require('express');
const router = express.Router();

router.use(express.json());
router.use(express.urlencoded({extended:true}));

router.post('/upload',(req,res) => {

   const name = req.body.base64Image;
   console.log(name);
});

module.exports = router;

Someone let me know how can I achieve desired result.

Denys Levshenkov · Accepted Answer · 2021-08-04 14:52:51Z

2

You can use fs to save base64 line to image file

fs.writeFileSync(path.join(uploadPath, fileName), new Buffer(base64, 'base64'))

answered Aug 4, 2021 at 14:52

Denys Levshenkov

2841 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hiroki Over a year ago

For TypeScript developers, new Buffer has been deprecated. Buffer.from should be used instead

proxim0 · Accepted Answer · 2021-08-04 14:45:18Z

2

You need to create a buffer

const base64Data = new Buffer.from(req.body.base64data.replace(/^data:image\/\w+;base64,/, ""), 'base64');

Then should be able to save or upload to s3 etc

answered Aug 4, 2021 at 14:45

proxim0

1,5382 gold badges11 silver badges19 bronze badges

2 Comments

Digvijay Singh Thakur Over a year ago

I want to save this image in upload directory so how can I give it a path to upload.

Chhunly Lim Over a year ago

If you want that, you can use multer

mkupiniak · Accepted Answer · 2025-09-04 19:02:57Z

0

For those looking for a solution in Node:

function dataURLtoFile(dataUrl: string, filename: string): File {
    const [header, base64Data] = dataUrl.split(",");
    const mimeType = header.match(/:(.*?);/)?.[1] || "image/png";

    const buffer = Buffer.from(base64Data, "base64");

    return new File([buffer], filename, { type: mimeType });
  }

answered Sep 4 at 19:02

mkupiniak

1271 silver badge11 bronze badges

Collectives™ on Stack Overflow

How to upload image using Base64 string in NodeJs

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related