extjs4 struts2 文件上传

2024-05-13 14:08
文章标签 上传 struts2 extjs4

本文主要是介绍extjs4 struts2 文件上传,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

struts.xml中的配置文件,配置中要注意 param name= contentType , 不配置此项,或配置成“text/json”,在文件上传后,会有一个文件下载的提示。
    <package name="jfok" extends="json-default">  <action name="fileupload" class="com.jfok.UploadAction">  <interceptor-ref name="fileUploadStack"></interceptor-ref>  <result type="json">  <param name="contentType">text/html;charset=utf-8</param>  <param name="includeProperties">  success,resultMsg  </param>       </result>  </action>  </package>  
struts2 action
    package com.jfok;  import java.io.File;  import java.io.FileInputStream;  import java.io.FileOutputStream;  import java.io.UnsupportedEncodingException;  import com.opensymphony.xwork2.ActionSupport;  public class UploadAction extends ActionSupport {  private static final long serialVersionUID = 1L;  private File upload;        //上传的文件,在extjs 中对应 xtype:'fileuploadfield',  name:'upload'  private String fileName;    //上传的文件名  private String uploadContentType; //限制上传的后缀名  private String caption;     //form中其他的上传的字段  private Boolean success = true; //json中返回的结果  private String resultMsg = "ok" ;  //上传失败后,返回的错误结果  public File getUpload() {  return upload;  }  public void setUpload(File upload) {  this.upload = upload;  System.out.println("上传到tomcat中的临时文件名:" + upload.getPath());  }  public String getUploadFileName() {  return fileName;  }  public void setUploadFileName(String fileName) throws UnsupportedEncodingException {  System.out.println("上传的文件名:" +fileName);  this.fileName = fileName;  }  public  String getUploadContentType() {  return uploadContentType;  }  public  void setUploadContentType(String uploadContentType) {  this.uploadContentType = uploadContentType;  }  public String execute() throws Exception{  try { //此处为最简单的文件拷贝方法  java.io.InputStream is = new FileInputStream(upload);  java.io.OutputStream os = new FileOutputStream("d://a//"+fileName);  byte buffer[] = new byte[8192];  int count = 0;  while ((count = is.read(buffer)) > 0)  os.write(buffer, 0, count);  os.close();  is.close();  } catch (Exception e)  {  resultMsg = "上传文件失败,文件太大或没有选择上传的文件 ";  System.out.println(resultMsg);  success = false;  }  //此处会根据 success 和 resultMsg 返回 json  //{"resultMsg":"ok","success":true}  return SUCCESS;  }  public void setCaption(String caption) {  System.out.println("接收到的caption:" + caption );  this.caption = caption;  }  public String getCaption() {  return caption;  }  public Boolean getSuccess() {  return success;  }  public String getResultMsg() {  return resultMsg;  }  }  
EXT 的 内容
 Ext.onReady(function() {  
var fp = Ext.create( 'Ext.form.Panel', {  fileUpload : true,  items : [ {  xtype: 'textfield',  name : 'caption',  fieldLabel : '文件备注'  }, {  xtype : 'fileuploadfield',  fieldLabel : '选择上传文件',  name : 'upload',  allowBlank : true,  buttonText : '选择文件'  } ],  buttons : [ {  text : '保存',  handler : function() {  var form = this.up('form').getForm();  form.submit({  url : 'fileupload.action',  waitMsg: '正在上传...',  {"resultMsg":"ok","success":true}  success: function(fp, o) {  Ext.Msg.alert('上传成功!',o.result.resultMsg);  },  failure : function (fp,o){  Ext.Msg.alert('上传失败!',o.result.resultMsg);    }  });  }  } ]  
});  
var fw = Ext.create('Ext.Window', {  layout : 'fit',  title : '文件上传',  width : 500,  defaults : {scope : this},  items : [ fp ]  
});  
fw.show();   });  </script>  

这篇关于extjs4 struts2 文件上传的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/985917

相关文章

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现

使用mvn deploy命令上传jar包的实现

《使用mvndeploy命令上传jar包的实现》本文介绍了使用mvndeploy:deploy-file命令将本地仓库中的JAR包重新发布到Maven私服,文中通过示例代码介绍的非常详细,对大家的学... 目录一、背景二、环境三、配置nexus上传账号四、执行deploy命令上传包1. 首先需要把本地仓中要

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Java文件上传的多种实现方式

《Java文件上传的多种实现方式》文章主要介绍了文件上传接收接口的使用方法,包括获取文件信息、创建文件夹、保存文件到本地的两种方法,以及如何使用Postman进行接口调用... 目录Java文件上传的多方式1.文件上传接收文件接口2.接口主要内容部分3.postman接口调用总结Java文件上传的多方式1

使用Python实现大文件切片上传及断点续传的方法

《使用Python实现大文件切片上传及断点续传的方法》本文介绍了使用Python实现大文件切片上传及断点续传的方法,包括功能模块划分(获取上传文件接口状态、临时文件夹状态信息、切片上传、切片合并)、整... 目录概要整体架构流程技术细节获取上传文件状态接口获取临时文件夹状态信息接口切片上传功能文件合并功能小

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

在SSH的基础上使用jquery.uploadify.js上传文件

在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了, 在Action那边File接收到的总是为null, 为了这个还上网搜了好多相关的信息,但都不行,最后还是搜到一篇文章帮助到我了,希望能帮助到为之困扰的人。 jsp页面的关键代码: <link rel="stylesheet" type="text/css" href="${page

struts2中的json返回指定的多个参数

要返回指定的多个参数,就必须在struts.xml中的配置如下: <action name="goodsType_*" class="goodsTypeAction" method="{1}"> <!-- 查询商品类别信息==分页 --> <result type="json" name="goodsType_findPgae"> <!--在这一行进行指定,其中lis是一个List集合,但

struts2的时候

在使用struts2的时候,我们在jsp中经常写这样的代码片段:      学生姓名:            考试名称:            考试分数:         其中studentScores.student.stuName是对应后台action的熟悉,action是这样写的   public class StudentExamAc