`
zhao103804
  • 浏览: 124659 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

struts2 多个文件上传 插件goouploader

阅读更多

用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包)

 

 

以上贴出来的代码跟上传的例子中的一样,只是应用到项目中去的话就需要多一个步骤,就是定义一个获取项目路径的变量

 



 

  • 大小: 54.2 KB
分享到:
评论

相关推荐

    Struts2多个文件上传

    在Struts2中,文件上传功能是一个常用特性,尤其在处理用户提交的多个文件时。本文将详细讲解如何使用Struts2进行多个文件的上传,重点是使用List集合进行上传。 首先,要实现Struts2的文件上传,必须引入必要的...

    struts2实现的多个文件上传

    下面将详细阐述如何使用Struts2来实现多个文件的上传。 首先,理解文件上传的基本原理。在HTTP协议中,文件上传通常通过multipart/form-data编码类型来实现。这种编码方式将表单数据分割成多个部分,每部分包含一个...

    struts2实现多文件上传下载

    3.Struts2进行下载处理,能对上传的所有文件进行下载(多个) 4.文件保存的名称UUID生成,不过显示并下载的名称都是原文件名称 (通过UploadFiles处理) 5.对配置文件中的路径可以进行动态读取(不重启服务器) ...

    Struts2实现单个文件多个文件上传与下载-多个拦截器

    在Struts2中,文件上传主要依赖于`struts2-convention-plugin`和`struts2-file-uploading-plugin`这两个插件。要实现文件上传,你需要在Action类中定义一个字段,类型为`java.io.File`或`org.apache.struts2....

    swfuplaod+struts2实现多文件上传

    SWFUpload 是一款开源的Flash上传组件,...通过上述步骤和注意事项,你可以利用SWFUpload和Struts2构建一个功能强大且安全的多文件上传功能。在实际项目中,根据需求进行适当的定制和优化,以满足用户需求和系统安全。

    struts2实现多文件上传功能

    Struts2提供了完善的文件上传支持,让我们来详细探讨如何在Struts2中实现多文件上传。 首先,我们需要在Struts2的配置文件(struts.xml)中启用文件上传的支持。这通常涉及到添加`&lt;constant&gt;`标签来设置`struts....

    一个Struts1多文件上传实例(附Form中传List示例)

    2. **多文件上传**: 在Struts1中,多文件上传通常使用Apache的Commons FileUpload库来处理。该库提供了一种处理multipart/form-data类型请求的方式,这种类型的请求通常用于文件上传。要实现多文件上传,需要在...

    struts2框架下的文件上传

    Struts2框架是Java Web开发中的一个流行MVC(Model-View-Controller)框架,它提供了丰富的功能,包括处理表单提交、文件上传等。在Struts2中,文件上传是一个常见的需求,可以帮助用户从客户端上传文件到服务器。...

    struts2多文件的上传

    在本项目中,"struts2多文件的上传"实现了用户一次性上传多个文件的能力。 要理解这个功能,首先我们需要了解Struts2中的Action类和Interceptor(拦截器)。Action类是处理用户请求的核心,而Interceptor则用于处理...

    struts2文件上传下载源代码

    1. **配置Struts2 Action**:在`struts.xml`配置文件中,你需要定义一个Action,该Action负责处理文件上传请求。Action的类需要继承自`ActionSupport`,并覆盖`execute()`方法,以便处理上传的文件。 2. **设置...

    GooUploader源码和基于GooUploader整合Struts2批量上传

    1. **引入依赖**:在项目中引入`GooUploader`的JavaScript库和必要的CSS样式文件,以及`Struts2`的上传插件。这些资源通常可以从官方网站或开源仓库下载。 2. **前端配置**:在HTML页面中,需要创建一个`...

    struts2_uploadify带进度条的多文件上传下载

    Struts2 Uploadify是一个在Java Web开发中常用的插件,它结合了Struts2框架和Uploadify jQuery插件,能够实现文件的多选、上传进度显示以及后台处理等功能。这个项目示例提供了一个完整的解决方案,使得用户在上传多...

    struts2异步多文件上传和下载

    在Struts2中,你需要在Action类中定义一个或多个类型为`List&lt;Part&gt;`的字段,来接收上传的文件。 对于多文件上传,用户可以通过HTML表单的`&lt;input type="file" multiple&gt;`标签选择多个文件。然后,这些文件会在...

    struts2 实现文件批量上传

    本项目实现了使用Struts2进行文件批量上传的功能,这涉及到几个关键的技术点,包括文件上传组件的选择、前端表单设计、后端处理逻辑以及存储策略。 1. **文件上传组件**:在Struts2中,我们通常使用`Commons ...

    ext struts2 swfupload 跨域文件上传

    "ext struts2 swfupload 跨域文件上传"这个主题涉及到三个关键技术和概念:EXTJS(Ext JS)、Struts2以及SwfUpload,它们共同解决了Web应用中的跨域文件上传问题。 EXTJS是一种强大的JavaScript库,用于构建富...

    struts1上传多个文件同时

    2. **后端配置**:在Struts1的配置文件(struts-config.xml)中,你需要为每个文件上传动作创建一个单独的ActionMapping,因为Struts1默认的FileUpload拦截器只能处理单个文件。每个ActionMapping对应一个ActionForm...

    struts上传多文件

    在Struts2的配置文件(struts.xml)中,确保已经启用了上传插件,并且为每个文件字段设置了正确的接收类型: ```xml &lt;constant name="struts.multipart.maxSize" value="10485760"&gt;&lt;/constant&gt; &lt;!-- 设置上传文件的...

    Struts2实现Uploadify多文件上传

    在Struts2框架下实现Uploadify多文件上传,我们需要考虑以下几个关键知识点: 1. **Struts2 Action配置**: 在Struts2中,你需要创建一个Action类来处理文件上传请求。这个Action类需要继承`org.apache.struts2....

    Struts2框架实现文件上传

    Struts2框架是Java Web开发中的一个流行MVC(Model-View-Controller)框架,它提供了许多便利的功能,包括文件上传。在Struts2中实现文件上传,可以帮助开发者处理用户从浏览器端上传的文件,例如图片、文档等。以下...

Global site tag (gtag.js) - Google Analytics