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文件上传的多种实现方式》文章主要介绍了文件上传接收接口的使用方法,包括获取文件信息、创建文件夹、保存文件到本地的两种方法,以及如何使用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

【CTF Web】BUUCTF Upload-Labs-Linux Pass-13 Writeup(文件上传+PHP+文件包含漏洞+PNG图片马)

Upload-Labs-Linux 1 点击部署靶机。 简介 upload-labs是一个使用php语言编写的,专门收集渗透测试和CTF中遇到的各种上传漏洞的靶场。旨在帮助大家对上传漏洞有一个全面的了解。目前一共20关,每一关都包含着不同上传方式。 注意 1.每一关没有固定的通关方法,大家不要自限思维! 2.本项目提供的writeup只是起一个参考作用,希望大家可以分享出自己的通关思路

Vue3上传图片报错:Current request is not a multipart request

当你看到错误 "Current request is not a multipart request" 时,这通常意味着你的服务器或后端代码期望接收一个 multipart/form-data 类型的请求,但实际上并没有收到这样的请求。在使用 <el-upload> 组件时,如果你已经设置了 http-request 属性来自定义上传行为,并且遇到了这个错误,可能是因为你在发送请求时没有正确地设置

OpenStack:Glance共享与上传、Nova操作选项解释、Cinder操作技巧

目录 Glance member task Nova lock shelve rescue Cinder manage local-attach transfer backup-export 总结 原作者:int32bit,参考内容 从2013年开始折腾OpenStack也有好几年的时间了。在使用过程中,我发现有很多很有用的操作,但是却很少被提及。这里我暂不直接

使用http-request 属性替代action绑定上传URL

在 Element UI 的 <el-upload> 组件中,如果你需要为上传的 HTTP 请求添加自定义的请求头(例如,为了通过身份验证或满足服务器端的特定要求),你不能直接在 <el-upload> 组件的属性中设置这些请求头。但是,你可以通过 http-request 属性来自定义上传的行为,包括设置请求头。 http-request 属性允许你完全控制上传的行为,包括如何构建请求、发送请