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

file.name
file.bytes
file.size
file.extension
file.path = null

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

Packages used

Multer

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 https://www.npmjs.com/package/multer

base64-to-image

Decode base64 to image and save the image to disk. https://www.npmjs.com/package/base64-to-image

Flutter File Picker

A package that allows you to use the native file explorer to pick single or multiple files, with extensions filtering support. https://pub.dev/packages/file_picker

Flutter Http

This package contains…


Flutter Provider along with Http request

YouTube and Medium are flooded with tutorials for Provider package and Http APIs package but there are not many for using provider along with http.

No problem, let me help you with this…..

Provider : https://pub.dev/packages/provider

Http: https://pub.dev/packages/http

Gain knowledge about Provider and Http with pub extremely helpful documentation for better understanding about how these packages work.

SO LET’S BEGIN

Create a new Flutter project and name it anything you like
and go to pubspec.yaml, add packages provider and http

provider: ^4.3.2+3
http: ^0.12.2

Lets have a look on the main.dart file

Here only ChangeNotifierProvider initialised…


It’s been a long I have been using React and searching for a library that would help to create proper responsive Map, that can be used to show different statistics and some useful information (this info can be based on different states), and can be shown in different colors, and want it to look like this:

So now we have found React jvectormap, which can help us to create a responsive Map of the whole world along with a respective map for different countries.

So, at very first add this library to React app:

npm install --save react-jvectormap

Include this…

Arpit Sharma

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

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