jQuery上传插件Uploadify 3.2 上传文件

俯仰之间111 2014-11-03

展开全文

项目结构：

代码：

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

<!--

-->

$(function(){

$("#uploadify").uploadify({

'debug' : false, //开启调试

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

'swf' : 'uploadify/uploadify.swf', //引入uploadify.swf

'uploader' : 'upload;jsessionid=${pageContext.session.id}',//请求路径

'queueID' : 'fileQueue',//队列id,用来展示上传进度的

'width' : '75', //按钮宽度

'height' : '24', //按钮高度

'queueSizeLimit' : 3, //同时上传文件的个数

'fileTypeDesc' : '视频文件', //可选择文件类型说明

'fileTypeExts' : '*.jpg;*.gif', //控制可上传文件的扩展名

'multi' : true, //允许多文件上传

'buttonText' : '图片上传',//按钮上的文字

'fileSizeLimit' : '2MB', //设置单个文件大小限制

'fileObjName' : 'uploadify', //<input type="file"/>的name

'method' : 'post',

'removeCompleted' : true,//上传完成后自动删除队列

'onFallback':function(){

alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");

'onUploadSuccess' : function(file, data, response){//单个文件上传成功触发

//data就是action中返回来的数据

},'onQueueComplete' : function(){//所有文件上传完成

alert("文件上传成功!");

}

});

</script>

</head>

<body>

<div>

<a href="javascript:$('#uploadify').uploadify('cancel')">取消所有上传</a>

</div>

</body>

</html>

struts.xml:

</action>

</package>

UploadAction.java:

package com.action;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Properties;

import org.apache.commons.io.IOUtils;

import com.entity.Nfcuser;

import com.util.DeleteFile;

/**

* 上传文件到resource中

* @author Administrator

public class UploadAction extends BaseAction {

private static final long serialVersionUID = 1L;

private File uploadify;//上传文件file对象

private String uploadifyFileName;//上传文件名

private String uploadifyContentType;//上传文件类型

private String description;//上传文件的描述

public String execute() throws IOException{

System.out.println("000000000");

Properties pro = new Properties();

InputStream in = DeleteFile.class.getClassLoader().getResourceAsStream("qiniu.properties");

pro.load(in);

String headpath = pro.getProperty("headpath");//读取配置文件，获取保存文件的根路径

String num = "";

for(int i=0;i<5;i++){

num += String.valueOf((int)(Math.random()*10));//得到5位随机数

}

SimpleDateFormat dt = new SimpleDateFormat("yyyyMMddhhmmss");

String date = dt.format(new Date());//获取当前时间字符串

Nfcuser user = (Nfcuser)session.get("loginuser");//从内存中得到用户对象

System.out.println(user.getUseraccount());

if(user==null){

System.out.println("1");

return LOGIN;//用户未登录

}else{

System.out.println("2");

int userid = user.getId();//用户编号

String filenum = "";//生成保存上传文件的文件夹名称，这个名称也作为压缩文件的名称，

if(session.get("filenum")==null){

System.out.println(3);

filenum = userid + date + num;

session.put("filenum", filenum);

}else{

System.out.println(4);

System.out.println(session.get("filenum"));

filenum = (String)session.get("filenum");

}

String path = headpath + userid + "/" + filenum + "/resource/";//保存文件的路径

System.out.println(path);

File folder = new File(path);

if(!folder.exists()){

folder.mkdirs();//如果路径不存在则创建

}

//下面才是保存文件，这上面都是对路劲的处理

System.out.println(uploadify);

String savePath = path + this.uploadifyFileName;

FileInputStream fis = new FileInputStream(uploadify);

FileOutputStream fos = new FileOutputStream(savePath);

IOUtils.copy(fis, fos);

fos.flush();

fos.close();

fis.close();

}

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 String getDescription() {

return description;

}

public void setDescription(String description) {

this.description = description;

}

注意：如果提交报错，数据根本就没有传递到后台，那么可以试着把提交路径改为
'uploader' : 'upload.action;jsessionid=${pageContext.session.id}',//请求路径

如果web.xml中的配置为：
<filter-mapping>
    <filter-name>struts2</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
那么路径可以为：
'uploader' : 'upload;jsessionid=${pageContext.session.id}',//请求路径

如果web.xml配置为：
<filter-mapping>
    <filter-name>struts2</filter-name>
    <url-pattern>*.action</url-pattern>
</filter-mapping>
那么提交路径必须为：
'uploader' : 'upload.action;jsessionid=${pageContext.session.id}',//请求路径

如果需要在UploadAction中使用session，那么在路径后把
jsessionid=${pageContext.session.id}'加上，如果不需要使用session可以不用加。