Uploadify上传在Struts2中的应用

最新推荐文章于 2015-10-20 12:59:37 发布

在通往架构师的路上

最新推荐文章于 2015-10-20 12:59:37 发布

阅读量2.9k

点赞数 2

步骤一：到官网上下载uploadify的JS文件.
Uploadify在线演示：在线Demo

Uploadify配置参数及接口文档：http://www.uploadify.com/documentation

Uploadify插件下载地址：http://www.uploadify.com/download

--------------------------------------------------------------------
步骤二：下载好uploadify压缩包文件后，解压文件包。在文件夹中找到以下五个文件，并添加到项目的对应路径中：
    jquery.uploadify.v2.1.0.js
   swfobject.js
   uploadify.swf
   uploadify.css
   cancel.png

步骤三：加入struts2的jar包、struts.xml ，在web.xml中加入struts2的FilterDispatcher过滤器。

----------------------------------------------------------------------------------------------------------------------------------

1、jsp代码：

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>

----------------------------------------------------------------------------------------------------------------------------------

2、web.xml

<filter>
<filter-name>struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

----------------------------------------------------------------------------------------------------------------------------------

3、struts.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
"http://struts.apache.org/dtds/struts-2.0.dtd">

----------------------------------------------------------------------------------------------------------------------------------

4、action代码

package com.lijigou.action;

import java.io.File;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")
public class UploadAction extends ActionSupport {

private File uploadify;

private String uploadifyFileName;

@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/";
HttpServletResponse response = ServletActionContext.getResponse();
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;
}

}

以上代码都通过测试，没有问题的

参数表：

uploader

上传控件的主体文件，flash控件

默认值='uploadify.swf'

script

相对路径的后端脚本，它将处理您上传的文件。

绝对路径前缀或'/'或'http'的路径

默认值='uploadify.php'

checkScript

检查该文件是否已经选择驻留在服务器上。
没有默认值。官方例子中'check.php'是提供核心文件

scriptData

可提供URL传递参数。用来传递get参数。例如：

index.jsp?id=1&action=uploadify可以设置成：

'script': 'index.jsp',

'scriptData':{'id':1,'action':'uploadify'},

注：要设置‘method’：‘GET’.

fileDataName

您的文件在上传服务器脚本阵列的名称。
默认值='Filedata'

method

设置为发送到后端脚本的方法。要么'get'或post'。

默认值'post'

scriptAccess

folder

您想将文件保存到的路径。考虑到安全问题，一般并不在客户端设定后供服务器得到所存的路径。我试了下。这个参数好像以get的方式传递的。设定post得不到这个值。

queueID

文件队列ID。与div的id一致。参考上一篇例子的用法。

queueSizeLimit

限制在一次队列中的次数（可选定几个文件）。默认值= 999，而一次可传几个文件有 simUploadLimit属性决定。

multi

是否允许同时上传多文件，可设定true或false。

默认false。设定true时，选中的文件是当前项。

auto

选定文件后是否自动上传，可设定true或false。

默认false

fileDesc

出现在上传对话框中的文件类型描述。与fileExt需同时使用

fileExt

支持的格式，启用本项时需同时声明fileDesc。

如：‘*.rar,*.doc

sizeLimit

控制上传文件的大小，单位byte

simUploadLimit

多文件上传时，同时上传文件数目限制。默认1

一次可传几个文件。

buttonText

默认按钮的名字。默认BROWER

buttonImg

使用图片按钮，设定图片的路径即可。

hideButton

上传按钮的隐藏。true 或false。默认flase

rollover

？

width

按钮图片的长度。默认 110

height

按钮图片的高度。默认 30

wmode

背景透明transparent 与不透明opaque设定。默认不透明

cancelImg

取消按钮。设定图片路径。默认cancel.png

onInit

函数，初始化时的状态。

onInit: function() {

$("#id").html("上传前");},

onComplete

函数：可传递五个参数

event: 事件对象

queueID: 完成文件的唯一标识符。

fileObj:

? name – 文件名

? filepath –上传路径

? size – 文件大小

? creationDate – 文件创建时间

? modificationDate –文件最近修改时间

? type –文件的扩展名

response: 服务器回调的数据

data:

? fileCount – The total number of files left in the queue

? speed – 平均上传速度 KB/s

如：

onComplete: function(event, queueID, fileObj) {

alert("文件:" +fileObj.name + "上传失败"); }

onSelectOnce

函数：可传递二个参数

event: The event object.

data: An object containing details about the select operation.

? fileCount – The total number of files in the queue

? filesSelected – The number of files selected in the select operation

? filesReplaced – The number of files that were replaced in the queue

? allBytesTotal – The total number of bytes for all files in the queue

onCancel

函数：可传递四个参数

event: The event object.

queueID: The unique identifier of the file that was cancelled.

fileObj: An object containing details about the file that was selected.

? name – The name of the file

? size – The size in bytes of the file

? creationDate – The date the file was created

? modificationDate – The last date the file was modified

? type – The file extension beginning with a '.'

data: Details about the file queue.

? fileCount – The total number of files left in the queue

? allBytesTotal – The total number of bytes left for all files in the queue

onClearQueue

函数：可传递一个参数

event: The event object.

onQueueFull

函数：可传递二个参数

? event - The event object.

? queueSizeLimit - The maximum size of the queue.

onError

函数：可传递四个参数

event: The event object.

queueID: The unique identifier of the file that was errored.

fileObj: An object containing details about the file that was selected.

? name – The name of the file

? size – The size in bytes of the file

? creationDate – The date the file was created

? modificationDate – The last date the file was modified

? type – The file extension beginning with a '.'

errorObj: An object containing details about the error returned.

? type – Either 'HTTP', 'IO', or 'Security'

? info – An error message describing the type of error returned

onOpen

函数：可传递三个参数

event: The event object.

queueID: The unique identifier of the file that was opened.

fileObj: An object containing details about the file that was selected.

? name – The name of the file

? size – The size in bytes of the file

? creationDate – The date the file was created

? modificationDate – The last date the file was modified

? type – The file extension beginning with a '.'

onProgress

函数：可传递四个参数

event: The event object.

queueID: The unique identifier of the file that was updated.

fileObj: An object containing details about the file that was selected.

? name – The name of the file

? size – The size in bytes of the file

? creationDate – The date the file was created

? modificationDate – The last date the file was modified

? type – The file extension beginning with a '.'

data: An object containing details about the upload and queue.

? percentage – The current percentage completed for the upload

? bytesLoaded – The current amount of bytes uploaded

? allBytesLoaded – The current amount of bytes loaded for all files in the queue

? speed – The current upload speed in KB/s

onSelect

event: The event object.

queueID: The unique identifier of the file that was selected.

fileObj: An object containing details about the file that was selected.

? name – The name of the file

? size – The size in bytes of the file

? creationDate – The date the file was created

? modificationDate – The last date the file was modified

? type – The file extension beginning with a '.'

onAllComplete

函数：可传递二个参数

event: The event object.

data: An object containing details about the upload process.

? filesUploaded – The total number of files uploaded

? errors – The total number of errors while uploading

? allbytesLoaded – The total number of bytes uploaded

? speed – The average speed of all uploaded files

onCheck

函数：可传递五个参数

event: The event object.

checkScript: The path to the file checking script.

fileQueue: A file queue object consisting of key/value pairs with the queue ID as the key and the filename as the value.

folder: The path to the upload folder.

single: True if only one file is being uploaded from the queue.

在通往架构师的路上

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
Uploadify上传在Struts2中的应用

步骤一：到官网上下载uploadify的JS文件.Uploadify在线演示：在线DemoUploadify配置参数及接口文档：http://www.uploadify.com/documentationUploadify插件下载地址：http://www.uploadify.com/download----------------------------------
复制链接

扫一扫