Smart File Uploading – Advanced Techniques for Professional Web Applications

At this point of our journey, we have almost acquired all the skills we need to implement and deploy well-working and nice-looking web applications. Anyway, our web apps still have a quite “naive” aspect and are a little bit far from professional ones. Starting with this chapter, we will deal with some advanced techniques that will help make our products look more complete and professional.

Let’s start with the file uploader, a widget that we already used in the Covid-19 Detection Tool app when we were asked to upload an X-ray image of the chest.

What we want to do now is move the file uploader to another level, deeply customizing it to automatically detect the type of file we are going to open and adopt the appropriate actions. This kind of behavior gives our web applications a very professional standing and makes them easy to use.

In this chapter, we’re going to...