File upload through flutter web and Nodejs, multer….

As everyone knows flutter web file path comes null when a file is being selected.

To upload the file first lets create multer supported Nodejs backend to save file inside system.

Packages used


Multer is a node.js middleware for handling multipart/form-data, which is primarily used for uploading files. It is written on top of busboy for maximum efficiency


Decode base64 to image and save the image to disk.

Flutter File Picker

A package that allows you to use the native file explorer to pick single or multiple files, with extensions filtering support.

Flutter Http

This package contains a set of high-level functions and classes that make it easy to consume HTTP resources. It’s multi-platform, and supports mobile, desktop, and the browser.

Flutter code to pick and make API call

Backend Nodejs code for accepting file

I hope this helps you……
Github Repository :



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Arpit Sharma

Software Engineer (SIH2020 winner | React developer | Flask web framework | Redux | Flutter | Mongodb | REST APIs | ) | Ex Bajaj Finserv health intern