AJAX+JSF components enable high performance file uploads

First, the introduction

Browser-based file uploads, especially for uploading via the

In order to make file uploads as comfortable as possible, once a user submits a file, many sites will display an intermediate process animation (such as a rotating icon). Although this technique has some effect when uploading to the server, it provides too little information about the file upload status. Another attempt to solve this problem is to implement a applet--that uploads files to the server via FTP. The downside of this scenario is that you have to have a Java-enabled browser that restricts your users.

In this article, we will implement an AJAX-capable component that not only implements the actual process of uploading files to the server, but also "real-time" monitoring of file uploads. The four phases of this component's work are shown in Figures 1,2,3 and 4 below:

Figure 1. Phase 1: Select File Upload

Figure 2. Phase 2: Uploading the file to the server

Figure 3. Phase 3: Upload complete

Figure 4. Phase 4: File Upload Summary