用struts2框架编写多个文件上传的代码,利用google插件的goouploader,该插件的界面美观,如下:
用法如下:
将该插件如果应用到你项目中去的话,需要注意一下路径问题
在你的jsp中在展示图片上传
index.jsp中的相关代码:
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/GooUploader.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/GooUploader/swfupload/swfupload.js"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/GooUploader/GooUploader.css"/>
<script src="<%=request.getContextPath()%>/js/DataOperator.js"></script>
<script type="text/javascript">
var _contextPath_ = "<%=_contextPath_%>";
</script>
文件中需要定义变量_contextPath_,该值的来源为jsp头部的java代码,如下:
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String _contextPath_ = request.getContextPath().equals("/") ? "" : request.getContextPath();
%>
<body>
<div id="morefiledodiv"></div>
</body>
DataOperator.js相关代码:
我这个在项目中的应用是点击事件调用的该函数
//多个文件上传的函数
/**
* 在此处需要注意的是,flash_url的值为_contextPath_ +'',如果没有_contextPath_则点击插件中的按钮无反应
* _contextPath_ 在index.jsp中的上面js中定义该变量的值
*
* */
function morefileupload(){
var post_params = {session_id:"f1423rwe543t4wrtwerwe"};
var property2={
width:250,
height:240,
multiple:true,
//file_types:"*.jpg;*.gif",
//file_types_description: "Web Image Files",
post_params:post_params,
btn_add_text:"添加",
btn_up_text:"上传",
btn_cancel_text:"放弃",
btn_clean_text:"清空",
op_del_text:"单项删除",
op_up_text:"单项上传",
op_fail_text:"上传失败",
op_ok_text:"上传成功",
op_no_text:"取消上传",
upload_url:"mulFileUpload.action",
flash_url :_contextPath_ +"/js/GooUploader/swfupload/swfupload.swf"
};
$.createGooUploader($("#morefiledodiv"),property2);
}
后台代码:
/**
* @author qf
*/
@SuppressWarnings("serial")
public class UploadAction extends ActionSupport
{
/** 文件对象 */
private List<File> Filedata;
/** 文件名 */
private List<String> FiledataFileName;
/** 文件内容类型 */
private List<String> FiledataContentType;
/** 返回字符串 */
private String returnValue = null;
public void mulFileUpload(){
if(Filedata!=null){
int size = Filedata.size();
for (int i = 0; i < size; i++) {
File file = Filedata.get(i);
String path=ServletActionContext.getServletContext().getRealPath("/");
String imgName=FiledataFileName.get(i);
try {
FileUtils.copyFile(file,new File(path+"upload\\"+imgName));
String outPath=ServletActionContext.getRequest().getScheme()+"://"+ServletActionContext.getRequest().getServerName()+":"+ServletActionContext.getRequest().getServerPort()+ServletActionContext.getRequest().getContextPath()+"/";
ServletActionContext.getResponse().getWriter().print(outPath+"upload/"+imgName);
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
public List<File> getFiledata() {
return Filedata;
}
public void setFiledata(List<File> filedata) {
Filedata = filedata;
}
public List<String> getFiledataFileName() {
return FiledataFileName;
}
public void setFiledataFileName(List<String> filedataFileName) {
FiledataFileName = filedataFileName;
}
public List<String> getFiledataContentType() {
return FiledataContentType;
}
public void setFiledataContentType(List<String> filedataContentType) {
FiledataContentType = filedataContentType;
}
public String getReturnValue() {
return returnValue;
}
public void setReturnValue(String returnValue) {
this.returnValue = returnValue;
}
}
struts.xml的相关代码:
<constant name="struts.devMode" value="true" />
<constant name="struts.i18n.encoding" value="utf-8" />
<constant name="struts.devMode" value="false"/>
<constant name="struts.multipart.maxSize" value="20971520"/>
<package name="upload" extends="struts-default">
<action name="mulFileUpload" class="org.action.UploadAction" method="mulFileUpload"></action>
</package>
将以上的代码应用到你项目中就可以运行了。。
这个跟goouploader中的例子中没有多大区别,应用到项目中的话,主要就是路径的问题,_contextPath_ 这个变量的应用很重要,不然点击插件中的按钮是没有反应的。
上传的是多个文件上传的一个例子,可以直接导入到eclipse工具中运行
提示:(导入进去如果在java代码中出现ServletActionContext.getResponse()报错,则是你缺少javaee.jar包)
以上贴出来的代码跟上传的例子中的一样,只是应用到项目中去的话就需要多一个步骤,就是定义一个获取项目路径的变量
相关推荐
在Struts2中,文件上传功能是一个常用特性,尤其在处理用户提交的多个文件时。本文将详细讲解如何使用Struts2进行多个文件的上传,重点是使用List集合进行上传。 首先,要实现Struts2的文件上传,必须引入必要的...
下面将详细阐述如何使用Struts2来实现多个文件的上传。 首先,理解文件上传的基本原理。在HTTP协议中,文件上传通常通过multipart/form-data编码类型来实现。这种编码方式将表单数据分割成多个部分,每部分包含一个...
3.Struts2进行下载处理,能对上传的所有文件进行下载(多个) 4.文件保存的名称UUID生成,不过显示并下载的名称都是原文件名称 (通过UploadFiles处理) 5.对配置文件中的路径可以进行动态读取(不重启服务器) ...
在Struts2中,文件上传主要依赖于`struts2-convention-plugin`和`struts2-file-uploading-plugin`这两个插件。要实现文件上传,你需要在Action类中定义一个字段,类型为`java.io.File`或`org.apache.struts2....
SWFUpload 是一款开源的Flash上传组件,...通过上述步骤和注意事项,你可以利用SWFUpload和Struts2构建一个功能强大且安全的多文件上传功能。在实际项目中,根据需求进行适当的定制和优化,以满足用户需求和系统安全。
Struts2提供了完善的文件上传支持,让我们来详细探讨如何在Struts2中实现多文件上传。 首先,我们需要在Struts2的配置文件(struts.xml)中启用文件上传的支持。这通常涉及到添加`<constant>`标签来设置`struts....
2. **多文件上传**: 在Struts1中,多文件上传通常使用Apache的Commons FileUpload库来处理。该库提供了一种处理multipart/form-data类型请求的方式,这种类型的请求通常用于文件上传。要实现多文件上传,需要在...
Struts2框架是Java Web开发中的一个流行MVC(Model-View-Controller)框架,它提供了丰富的功能,包括处理表单提交、文件上传等。在Struts2中,文件上传是一个常见的需求,可以帮助用户从客户端上传文件到服务器。...
在本项目中,"struts2多文件的上传"实现了用户一次性上传多个文件的能力。 要理解这个功能,首先我们需要了解Struts2中的Action类和Interceptor(拦截器)。Action类是处理用户请求的核心,而Interceptor则用于处理...
1. **配置Struts2 Action**:在`struts.xml`配置文件中,你需要定义一个Action,该Action负责处理文件上传请求。Action的类需要继承自`ActionSupport`,并覆盖`execute()`方法,以便处理上传的文件。 2. **设置...
1. **引入依赖**:在项目中引入`GooUploader`的JavaScript库和必要的CSS样式文件,以及`Struts2`的上传插件。这些资源通常可以从官方网站或开源仓库下载。 2. **前端配置**:在HTML页面中,需要创建一个`...
Struts2 Uploadify是一个在Java Web开发中常用的插件,它结合了Struts2框架和Uploadify jQuery插件,能够实现文件的多选、上传进度显示以及后台处理等功能。这个项目示例提供了一个完整的解决方案,使得用户在上传多...
在Struts2中,你需要在Action类中定义一个或多个类型为`List<Part>`的字段,来接收上传的文件。 对于多文件上传,用户可以通过HTML表单的`<input type="file" multiple>`标签选择多个文件。然后,这些文件会在...
本项目实现了使用Struts2进行文件批量上传的功能,这涉及到几个关键的技术点,包括文件上传组件的选择、前端表单设计、后端处理逻辑以及存储策略。 1. **文件上传组件**:在Struts2中,我们通常使用`Commons ...
"ext struts2 swfupload 跨域文件上传"这个主题涉及到三个关键技术和概念:EXTJS(Ext JS)、Struts2以及SwfUpload,它们共同解决了Web应用中的跨域文件上传问题。 EXTJS是一种强大的JavaScript库,用于构建富...
2. **后端配置**:在Struts1的配置文件(struts-config.xml)中,你需要为每个文件上传动作创建一个单独的ActionMapping,因为Struts1默认的FileUpload拦截器只能处理单个文件。每个ActionMapping对应一个ActionForm...
在Struts2的配置文件(struts.xml)中,确保已经启用了上传插件,并且为每个文件字段设置了正确的接收类型: ```xml <constant name="struts.multipart.maxSize" value="10485760"></constant> <!-- 设置上传文件的...
在Struts2框架下实现Uploadify多文件上传,我们需要考虑以下几个关键知识点: 1. **Struts2 Action配置**: 在Struts2中,你需要创建一个Action类来处理文件上传请求。这个Action类需要继承`org.apache.struts2....
Struts2框架是Java Web开发中的一个流行MVC(Model-View-Controller)框架,它提供了许多便利的功能,包括文件上传。在Struts2中实现文件上传,可以帮助开发者处理用户从浏览器端上传的文件,例如图片、文档等。以下...