AJAX+JSF組件實現高效能的檔案上傳

一、 引言

基於瀏覽器的檔案上傳，特別是對於通過＜input type="file"＞標籤包含到Web頁面來實現上傳的情況，還存在較嚴重的效能問題。我們知道，超過10MB的上傳檔案經常導致一種非常痛苦的使用者體驗。一旦使用者提交了檔案，在瀏覽器把檔案上傳到伺服器的過程中，介面看上去似乎處於靜止狀態。由於這一切發生在後台，所以許多沒有耐心的使用者開始認為伺服器"掛"了，因而再次提交檔案，這當然使得情況變得更糟糕。

為了儘可能使得檔案上感測覺更友好些，一旦使用者提交檔案，許多網站將顯示一個中間過程動畫（例如一旋轉表徵圖）。儘管這一技術在上傳提交到伺服器時起一些作用，但它還是提供了太少的有關檔案上傳狀態的資訊。解決這個問題的另外一種嘗試是實現一個applet——它通過FTP把檔案上傳到伺服器。這一方案的缺點是：限制了你的使用者，必須要有一個支援Java的瀏覽器。

在本文中，我們將實現一個具有AJAX能力的組件——它不僅實現把檔案上傳到伺服器，而且"即時地"監視檔案上傳的實際過程。這個組件工作的四個階段顯示於下面的圖1，2，3和4中：

圖1.階段1:選擇檔案上傳

圖2.階段2:上傳該檔案到伺服器

圖3.階段3:上傳完成

圖4.階段4:檔案上傳摘要