uploadify java 上传进度条

<link rel="stylesheet" type="text/css" href="/home/js/uploadify.css"/>

<script type="text/javascript"  src="/home/js/jquery-1.6.js"></script>

<script type="text/javascript"  src="/home/js/jquery.uploadify.v2.1.4.js"></script>

<script type="text/javascript"  src="/home/js/swfobject.js"></script>

 

//-------------------------------------------------------------------------------------

<label><input type="file" name="uploadify" id="uploadify"/></label>&nbsp;&nbsp;           

<div id="fileQueue"></div>

//-----------------------------------------------------------------------------------

<script type="text/javascript">

 $(document).ready(function(){ 

        $("#uploadify").uploadify({ //初始化函数

             'uploader': '/home/js/uploadify.swf',//flash文件位置，注意路径              

'script':'/admin/common_uploadFile.action',//后台处理的请求 

             'cancelImg': '/home/js/cancel.png',//取消按钮图片              

'queueID': 'fileQueue',//与下面的上传文件列表id对应              

'auto': true,//是否自动上传 

'fileDataName':'uploadify',

'multi': true,//是否支持多个上传

             'buttonText': '浏览',             

'simUploadLimit' : 40,             

'queueSizeLimit' : 40,//上传文件的数量

//'scriptData':{'a':'value1','b':'value2'},//向后台传的数据

//'sizeLimit':1000,//文件上传的大小限制，单位是字节

//'simUploadLimit' :4,//同时上传文件的数量 

'method':'get',//如果向后台传输数据，必须是get

'fileExt': '*.jpg;*.gif;*.jpeg;*.png;*.bmp;*.zip;*.rar;*.7z',

'fileDesc' :'rar文件或zip文件',//上传文件类型说明

'folder' : 'uploadfile',

             'onComplete'     : function (event, queueID, fileObj, response, data){

                   $("#result").html(response);//显示上传成功结果

 

                }

            });

        });

 

</script>

//--------------------------------------------------------------------------------------

package com.duxiu.serve.action.upload;

 

import java.io.File;

import java.text.SimpleDateFormat;

import java.util.Date;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import org.springframework.context.annotation.Scope;

import org.springframework.stereotype.Component;

 

 

import com.opensymphony.xwork2.ActionSupport;

 

/**

 * @author 牛杨杨 E-mail: [e-mail]

 * @version 创建时间：Jul 12, 2013 3:59:50 PM 类说明

 */

@Component("commonAction")

@Scope("prototype")

public class CommonAction extends ActionSupport {

 

/**

* 

*/

private static final long serialVersionUID = 1L;

/**

 * 上传的文件

 */

private File uploadify;

/**

 * 上传文件名

 */

private String uploadifyFileName;

/**

 * 上传文件类型

 */

private String folder;

private String fileext;

private String Upload;

private String Filename;

private String uploadifyContentType;

HttpServletRequest reqeust = ServletActionContext.getRequest();

HttpServletResponse response = ServletActionContext.getResponse();

 

 

@SuppressWarnings("deprecation")

public String uploadFile() throws Exception {

 

 

 String extName = "";//扩展名

 String newFileName= "";//新文件名

 String nowTime = new SimpleDateFormat("yyyymmddHHmmss").format(new Date());//当前时间

 String savePath = ServletActionContext.getRequest().getRealPath("");

 savePath = savePath +"/uploads/";

 

 response.setCharacterEncoding("utf-8");

 //获取扩展名

 if(uploadifyFileName.lastIndexOf(".")>=0){

  extName = uploadifyFileName.substring(uploadifyFileName.lastIndexOf("."));

 }

 newFileName = nowTime+extName;

 uploadify.renameTo(new File(savePath+newFileName));

 response.getWriter().print(uploadifyFileName+"上传成功");

 return null; //这里不需要页面转向，所以返回空就可以了

 

}

 

 

public File getUploadify() {

 return uploadify;

}

 

 

public void setUploadify(File uploadify) {

 this.uploadify = uploadify;

}

 

 

public String getUploadifyFileName() {

 return uploadifyFileName;

}

 

 

public void setUploadifyFileName(String uploadifyFileName) {

 this.uploadifyFileName = uploadifyFileName;

}

 

 

public String getUploadifyContentType() {

return uploadifyContentType;

}

 

 

public void setUploadifyContentType(String uploadifyContentType) {

this.uploadifyContentType = uploadifyContentType;

}

 

 

public HttpServletRequest getReqeust() {

return reqeust;

}

 

 

public void setReqeust(HttpServletRequest reqeust) {

this.reqeust = reqeust;

}

 

 

public String getFolder() {

return folder;

}

 

 

public void setFolder(String folder) {

this.folder = folder;

}

 

 

public HttpServletResponse getResponse() {

return response;

}

 

 

public void setResponse(HttpServletResponse response) {

this.response = response;

}

 

 

public static long getSerialversionuid() {

return serialVersionUID;

}

 

 

public String getFileext() {

return fileext;

}

 

 

public void setFileext(String fileext) {

this.fileext = fileext;

}

 

 

public String getUpload() {

return Upload;

}

 

 

public void setUpload(String upload) {

Upload = upload;

}

 

 

public String getFilename() {

return Filename;

}

 

 

public void setFilename(String filename) {

Filename = filename;

}

 

}

 

//----------------------------------------------------------

/**

* 

* <b>function:</b> 上传WBT

* @project xcjedu

* @package com.xcj.api.controller.course  

* @fileName @param request

* @fileName @param fileUpload

* @fileName @return

* @createDate Jun 4, 2014 3:27:44 PM

* @author yy.niu

* @throws Exception 

*/

@RequestMapping(value = "/addCourses")

public String addCourses(HttpServletResponse response,HttpServletRequest request,

@RequestParam(value="file", required=false) MultipartFile file) throws IOException{  

        byte[] bytes = file.getBytes();  

        System.out.println(file.getOriginalFilename());  

        String uploadDir = request.getRealPath("/")+"upload";  

        File dirPath = new File(uploadDir);  

        if (!dirPath.exists()) {  

            dirPath.mkdirs();  

        }  

        String sep = System.getProperty("file.separator");  

        File uploadedFile = new File(uploadDir + sep  

                + file.getOriginalFilename());  

        FileCopyUtils.copy(bytes, uploadedFile);  

        String msg = "true";  

        response.getWriter().write(msg);

return null;  

    }  

//------------------------------------------

$("#uploadify").uploadify({ //初始化函数

             

'buttonText' : '请选择',  

                    'height' : 30,  

                    'swf': '/resources/admin/js/uploadify/uploadify.swf',//flash文件位置，注意路径              

'uploader':'<%=path%>/admin/course/addCourse',//后台处理的请求 

                    'width' : 120,  

                    'auto':false,//是否自动上传   

                    'fileObjName' : 'file',  

                    'onUploadSuccess' : function(file, data, response) {  

                        alert( file.name + ' 上传成功！ ');  

                    }  

            });

 

<input type="file" name="fileName" id="uploadify" />  

    <a href="javascript:$('#uploadify').uploadify('upload', '*')">上传文件</a> | 

    <a href="javascript:$('#uploadify').uploadify('stop')">停止上传!</a>