ExtJs4.0
js代码:
//文件上传与spring交互
Ext.onReady(function(){
Ext.create('Ext.form.Panel', {
title: 'File Uploader',
width: 400,
bodyPadding: 10,
frame: true,
renderTo: Ext.getBody(),
items: [{
xtype: 'filefield',
name: 'file',
fieldLabel: 'File',
labelWidth: 50,
msgTarget: 'side',
allowBlank: false,
anchor: '100%',
buttonText: 'Select a File...'
}],
buttons: [{
text: 'Upload',
handler: function() {
var form = this.up('form').getForm();
if(form.isValid()){
form.submit({
url: 'upload.htm',
waitMsg: 'Uploading your file...',
success: function(fp, o) {
Ext.Msg.alert('Success', o.result.mess);
}
});
}
}
}]
});
});
controller:
package com.kevin.controller;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
import java.util.Iterator;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpStatus;
import org.springframework.http.MediaType;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.validation.BindingResult;
import org.springframework.validation.ObjectError;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import com.kevin.model.ExtJSFormResult;
import com.kevin.model.FileUploadBean;
import com.kevin.util.GlobalService;
/**
* 文件上传与下载Spring Mvc与ExtJs4
* @author Administrator
*
*/
@Controller
public class FileUploadController {
@RequestMapping(value="/upload",method = RequestMethod.POST)
public void upload1(FileUploadBean userVO,HttpServletResponse response) throws Exception{
if(!userVO.getFile().isEmpty()){
userVO.getFile().transferTo(new File("f:/upload/"+userVO.getFile().getOriginalFilename()));
}
//String json = "{success: true}";
response.setContentType(GlobalService.CONTENT_TYPE);
response.getWriter().write(GlobalService.UPLOAD_SUCCESS);
response.flushBuffer();
}
}
GlobalService全局的变量类:
package com.kevin.util;
/**
* 全局服务类
* @author Administrator
*
*/
public final class GlobalService {
/**
* @author:limingzhong
* @desc:定义相关全局静态变量
* @Date:2012-02-28
*/
public final static String UPLOAD_SUCCESS = "{success:true,mess:'文件上传成功!'}";
public final static String UPLOAD_FAILURE = "{success:false,mess:'文件上传失败!'}";
public final static String FILE_NO = "{success:false,mess:'文件不存在!'}";
public final static String FILE_YES = "{success:true,mess:'文件存在!'}";
public final static String CONTENT_TYPE = "text/html";
public final static String APPLICATION = "application/octet-stream";
public final static String PATH="F:\\upload";
}
FileUploadBean类,封闭file
package com.kevin.model;
import org.springframework.web.multipart.commons.CommonsMultipartFile;
/**
* Represents file uploaded from extjs form
*
* @author Loiane Groner
* http://loiane.com
* http://loianegroner.com
*/
public class FileUploadBean {
private CommonsMultipartFile file;
public CommonsMultipartFile getFile() {
return file;
}
public void setFile(CommonsMultipartFile file) {
this.file = file;
}
}
分享到:
相关推荐
Spring MVC 和 ExtJS 是两种广泛应用于开发Web应用程序的技术。Spring MVC是Spring框架的一部分,它提供了一个模型-视图-控制器架构来构建可维护且松耦合的Java Web应用。而ExtJS是一个强大的JavaScript库,主要用于...
在现代Web开发中,Spring MVC和ExtJS是两个常见的技术,用于构建强大的后端和前端应用。本篇文章将深入探讨如何使用Spring MVC 3与ExtJS进行数据交互,特别是通过JSON格式来实现这一过程。 首先,Spring MVC 3引入...
1. RESTful API:Spring MVC可以通过配置轻松实现RESTful接口,供ExtJS前端调用。 2. JSON数据交换:Spring支持JSON序列化与反序列化,与ExtJS的数据模型对接,实现前后端数据交互。 3. Spring Security:集成Spring...
标题 "Extjs + Spring MVC + hibernate + mysql" 涉及的是一个综合性的Web应用程序开发框架,结合了前端UI库、后端MVC框架、ORM工具和关系型数据库。让我们详细了解一下这些技术及其在实际项目中的应用。 1. ExtJS...
【标题】"spring+mvc+mybatis+extjs整合"是一个经典的Java Web开发框架组合,广泛应用于企业级应用。这个项目结合了Spring MVC作为控制层,MyBatis作为数据访问层,以及ExtJS作为前端展示层,构建了一个完整的三层...
本demo是一个简单的java maven项目,数据库名和连接参数都配置在pom.xml中。后台使用了spring mvc,前台是extjs4,并且运用了extjs4的mvc模式。简单实现对一张表的增删改查操作,有不足之处,大家互相交流。
在"spring security3+extjs4项目"中,`b_springmvc_extjs`可能包含的是Spring MVC与ExtJS 4 集成的应用代码。Spring MVC 是Spring 框架的一部分,用于处理Web请求和响应。它与ExtJS 4 结合,可以通过JSON或XML数据...
这是一个基于Spring MVC、Hibernate和ExtJS的Web应用示例,主要展示了如何整合这三个技术来构建一个功能完善的后台管理系统。下面将分别对这三个技术及其整合方式进行详细介绍。 **Spring MVC** Spring MVC是Spring...
Spring MVC 3.2.8支持的最高Hibernate版本是4.1.7,更高的Hibernate版本和Spring MVC 3.2.8组合会遇到兼容问题。 4、Hibernate集成二级缓存框架Ehcache。 5、数据库是MySQL、Oracle和SQL Server,Hibernate的Dialect...
### Spring MVC MyBatis ExtJS 3.4 权限管理系统关键知识点解析 #### 一、项目背景与架构概述 本系统采用Spring MVC框架作为控制层,MyBatis作为持久层框架,ExtJS 3.4作为前端界面展示工具,实现了权限管理功能,...
Java源码 Spring+MVC4+Hibernate4+ExtJS5 系统说明如下: 1、系统导入后发布到应用服务器,例如tomcat上即可运行。 2、导入项目后请将项目编码设置为UTF-8,不是GBK。 3、导入后如果出现感叹号,请修改实际的...
在"ExtTest"这个项目中,可能包含了一些示例代码或配置文件,用于展示如何将ExtJS和Spring MVC整合在一起。通过查看这些文件,可以学习到具体的集成方法,如控制器的编写、视图的渲染、数据交互等。理解并掌握这种...
ExtJS 4.2+Hibernate 4.1.7+Spring MVC 3.2.8完成的后台管理项目,觉得是值得参考的实用项目 下载链接
本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用),Extjs类的一些基本概念,布局、事件、MVVM和MVC架构、路由器,数据绑定等的概念和实际使用,同时讲解了开发中常用的extjs UI...
1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高ExtJS的加载速度。 2、三种皮肤主题:经典、灰色和海王星,支持多浏览器和多分辨率。 3、...
标题中的“activiti+spring mvc+maven+extjs mvc+mybatis”是一个集成的IT解决方案,用于构建一个简单的请假工作流程应用。这个项目利用了多种技术来创建一个前端和后端无缝协作的系统。 1. **Activiti**:Activiti...
【标题】"Ext 桌面+Spring MVC+MySQl"所涉及的知识点主要涵盖了三个核心领域:前端开发框架Ext、后端MVC架构Spring MVC以及关系型数据库MySQL。这三个技术在现代Web应用开发中扮演着至关重要的角色。 1. **Ext**:...
1. **配置文件**:如`web.xml`,用于配置Spring MVC的DispatcherServlet以及其它Servlet或Filter。 2. **Spring MVC配置**:如`spring-mvc.xml`,定义了Controller beans、视图解析器、拦截器等。 3. **Controller类...
在“Spring MVC + MyBatis + ExtJS3 整合开发:登陆模块演示,实战开发”这个项目中,我们将深入探讨这三个技术如何协同工作以实现一个完整的登录功能。 首先,Spring MVC 框架的核心组件包括DispatcherServlet、...