本文介紹jQuery的一個外掛uploadify，現在的版本支援兩種實現。一個是flash，一個是HTML5。本文介紹的是flash版本的。

uploadify的官網

uploadify介紹

  uploadify是一個jQuery外掛,讓程式設計師很容易就實現多檔案的上傳功能。有兩種不同的版本，一個是flash，另一個是HTML5.

特點

• 多檔案上傳

• 拖拽（HTML5版本）

• 可以實時的檢視上傳情況（百分比，上傳速度等）

• 定義上傳檔案的限制，如大小，數目，型別

uploadify的API

  因為官網已經有很詳細的文件，而且簡單易懂，這邊就不在詳細介紹uploadify的API。

Struts2與uploadify的結合

  伺服器端的程式碼與之前文章介紹的差不多，所以為了減少文章的篇幅，這邊就不在展示伺服器端的程式碼了。現在具體講解前端介面的實現。

1.下載uploadify

2.新建上傳頁面，引入jQuery，uploadify的js。如下所示：

              
利用uploadify實現檔案上傳
     
         
             
                 
example 1
             
             
                              
         
     
     
     
     
     
  

2.UploadifyFileUpload.js

$(function() {     // example 1     $('#file_upload1').uploadify(             {                 'swf' : 'flash/uploadify.swf',//指定flash，在下載的uploadify裡有                 'uploader' : 'jsonResultFileLoadAction', //action地址                'fileObjName' : 'file', //檔名                'buttonText' : '瀏覽', //按鈕顯示                'buttonCursor' : 'point', //按鈕滑鼠樣式                'onUploadSuccess' : function(file, data, response) {                     alert('The file ' + file.name                             + ' was successfully uploaded with a response of '                             + response + ':' + data);                 } //上傳成功後的調函式            }); });

總結：uploadify是一個非常棒的jQuery外掛，幫助開發人員快速輕鬆地實現一個功能強大的檔案上傳。