As everyone knows flutter web file path comes null when a file is being selected.
file.path = null
To upload the file first lets create multer supported Nodejs backend to save file inside system.
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
Decode base64 to image and save the image to disk. https://www.npmjs.com/package/base64-to-image
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 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
Gain knowledge about Provider and Http with pub extremely helpful documentation for better understanding about how these packages work.
Create a new Flutter project and name it anything you like
and go to pubspec.yaml, add packages provider and http
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