Flutter File Upload

Lim Chee Kin
2 min readSep 14, 2023

Are you in search of the perfect file upload widget to meet your specific requirements? Look no further! Introducing the File Upload module, a solution born out of the need for a versatile and tailored file uploading tool.

The article originally published at https://limcheekin.blogspot.com/2023/09/flutter-file-upload.html.

A picture is worth a thousand words:

The File Upload module offers support for various file upload statuses, ensuring a seamless experience:

  • pending: Files are in a queue, waiting for upload.
  • uploading: Files are currently in the process of being uploaded, with an option to cancel using the (x) button in the top right corner.
  • processing: Uploaded files are actively being processed on the server.
  • completed: Files have been uploaded and processed successfully.
  • failed: Unfortunately, some file uploads may not succeed.
  • cancelled: File uploading have been cancelled by the user.

You can see the showcase live powered by Fluwix.com.

Many open-source file upload solutions provide only frontend components, leaving a gap in the backend integration. We’ve bridged that gap with a robust backend API developed using Python FastAPI, hosted on AWS Lambda.

Explore the backend source code at serverless-file-upload repository to seamlessly integrate the File Upload module into your projects.

We welcome your insights and contributions to enhance the backend API implementation for file uploads. If you have alternative approaches or know of other backend API implementations that excel in this context, your input would be greatly appreciated. Your valuable suggestions can help us continually improve and refine our implementation.

Thanks for your patient and reading till here. You are invited to fork the fluwix github repo, add your code and send me pull request. The key takeaways are you can showcase your code live in an Android app, Fluwix.com and embedded HTML (as iframe) in your blog post. We will take care the hassles of managing the deployment, production and marketing for you. If you’re interested, please add your idea of showcase.

Are you facing any problem with your Flutter development? Kindly share your Flutter problem to us, we might have the solution to your problem.

Kindly raise an issue if you have any problem running the Fluwix on your mobile or web.

If you are interested to reuse the source code of the screen, please check out the file_upload branch of the git repository hosted at https://github.com/limcheekin/fluwix. Feel free to fork the repository and send me pull request.



Lim Chee Kin

A business-minded full stack developer. Experienced in Java technology, interested on DApps, Solidity, Flutter, online marketing and algorithmic trading.