jQuery 异步上传插件 Uploadify 使用 struts

Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。而且是Ajax的，省去了自己写Ajax上传功能的麻烦。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在J2EE中的使用。

1.引入头文件（注意一定要把jQuery放在前面）：

注意：uploader是上传的Action路径名；formData是传递给Action的参数列表。

 <scriptsrc="lib/jquery-1.8.3.min.js"></script>
 <scriptsrc="lib/uploadify/jquery.uploadify.min.js"type="text/javascript"></script>
 <scripttype="text/javascript">
 $(function(){
 $('#projectfile').uploadify({
 'swf':'lib/uploadify/uploadify.swf',
 'uploader':'ProjectfileAdd.action',
 'formData':{'projectid':'${project.id}'},
 'fileObjName':'file',
 'fileSizeLimit':'0',
 'onQueueComplete':function(queueData){
 alert(queueData.uploadsSuccessful+'filesweresuccessfullyuploaded.');
 }

 });
 });
 </script>

2.需要上传的地方添加一个<form>，里面有一个<input>（注意其id属性）：

 <form>
 <inputid="projectfile"name="file"type="file"></input>
 </form>

3.看一下<input>效果如下，还挺美观的

4.后台的Action就是一个普通的上传文件的Action，示例如下：

 packagedc.action.projectfile;

 importjava.io.BufferedInputStream;
 importjava.io.BufferedOutputStream;
 importjava.io.File;
 importjava.io.FileInputStream;
 importjava.io.FileOutputStream;
 importjava.io.IOException;
 importjava.io.InputStream;
 importjava.io.OutputStream;
 importjava.sql.Timestamp;
 importjava.util.Date;
 importjava.util.Map;

 importorg.apache.struts2.ServletActionContext;

 importcom.opensymphony.xwork2.ActionContext;
 importcom.opensymphony.xwork2.ActionSupport;

 importdc.bean.Project;
 importdc.bean.Projectfile;
 importdc.bean.User;
 importdc.service.ProjectService;
 importdc.service.ProjectfileService;

 publicclassProjectfileAddextendsActionSupport{
 privatestaticfinalintFILE_SIZE=16*1024;
 privateintprojectid;
 privateProjectServiceprojectService;
 privateProjectfileServiceprojectfileService;
 privateFilefile;
 privateStringfileFileName;
 privateStringfileContentType;

 publicintgetProjectid(){
 returnprojectid;
 }

 publicvoidsetProjectid(intprojectid){
 this.projectid=projectid;
 }

 publicProjectServicegetProjectService(){
 returnprojectService;
 }

 publicvoidsetProjectService(ProjectServiceprojectService){
 this.projectService=projectService;
 }

 publicProjectfileServicegetProjectfileService(){
 returnprojectfileService;
 }

 publicvoidsetProjectfileService(ProjectfileServiceprojectfileService){
 this.projectfileService=projectfileService;
 }

 publicFilegetFile(){
 returnfile;
 }

 publicvoidsetFile(Filefile){
 this.file=file;
 }

 publicStringgetFileFileName(){
 returnfileFileName;
 }

 publicvoidsetFileFileName(StringfileFileName){
 this.fileFileName=fileFileName;
 }

 publicStringgetFileContentType(){
 returnfileContentType;
 }

 publicvoidsetFileContentType(StringfileContentType){
 this.fileContentType=fileContentType;
 }

 publicstaticintgetFileSize(){
 returnFILE_SIZE;
 }

 //写入文件时候用到的函数
 publicvoidupLoadFile(Filesource,Filetarget){
 InputStreamin=null;
 OutputStreamout=null;
 try{
 in=newBufferedInputStream(newFileInputStream(source),FILE_SIZE);
 out=newBufferedOutputStream(newFileOutputStream(target),FILE_SIZE);
 //in-->image-->out
 byte[]image=newbyte[FILE_SIZE];
 while(in.read(image)>0){
 out.write(image);
 }
 }catch(IOExceptionex){
 ex.printStackTrace();
 }finally{
 try{
 in.close();
 out.close();
 }catch(IOExceptionex){
 ex.printStackTrace();
 }
 }
 }

 publicStringexecute(){
 try{
 Projectfileprojectfile=newProjectfile();
 projectfile.setName(fileFileName);
 Projectproject=projectService.ReadByID(projectid);
 projectfile.setProject(project);
 projectfile.setModifytime(newTimestamp(newDate().getTime()));
 Stringfilepath="file/"+project.getId()+"/"+fileFileName;
 projectfile.setFilepath(filepath);
 projectfile.setFilesize(file.length());
 //不是连接到外网的文件
 projectfile.setFilelink(0);
 projectfile.setContenttype(fileContentType);
 //--记录编辑人------------------
 ActionContextcontext=ActionContext.getContext();
 MapsessionMap=context.getSession();
 Usercurrentuser=(User)sessionMap.get("user");
 projectfile.setUser(currentuser);
 //------------------------------
 //projectfile.setFilesize(1);
 projectfileService.save(projectfile);
 //文件上传，存至硬盘
 //ServletActionContext.getServletContext().getRealPath获得webRoot绝对路径
 StringrealfilePath=ServletActionContext.getServletContext().getRealPath("file")
 +"/"+project.getId()+"/"+this.fileFileName;
 FiletargetFile=newFile(realfilePath);
 targetFile.getParentFile().mkdirs();
 upLoadFile(file,targetFile);
 }catch(Exceptionex){
 ex.printStackTrace();
 returnERROR;
 }
 returnSUCCESS;
 }
 }

Uploadify官方网站： http://www.uploadify.com/

Uploadify下载：http://download.csdn.net/detail/leixiaohua1020/6376463