Member-only story
How to Upload Files in Ionic/Angular Apps
This covers a fairly well-supported cross-browser approach to loading local files into Ionic applications
When it comes to working with the device’s file system, the choice of the approach often depends on your use case.
For example, if you need the ability to “write” to the user’s file system, you definitely want to leverage an approach that has valid user permissions to do so and for Ionic apps, it will mean the Cordova or Capacitor plugin and valid permissions set for it to request access to the user’s file system.
There are at least six plugins listed on the Ionic framework website to choose from. Which one really suits your needs?
In practice, very often we just need the “read” access to the file system of our user and allow them to upload their files (such as images).
In this specific use case, we can rely on web standards and leverage the browser’s File Reader API, which gained fairly good support across all modern browsers lately.
