有了上传图片控件后 在action 中必须写上以下代码
- response.setCharacterEncoding("utf-8");
- response.setContentType("text/html");
// action代码
public String load4() {
System.out.println("获取到了abcd:"+abcd);
success = "true";
upload.upload("abcdefg.jpg", abcd,
"C:\\Program Files\\Apache Software Foundation\\Tomcat 6.0\\webapps\\needMovie\\"
+"testImage" + "\\");
Watch watch = new Watch();
watch.setNum(1);
watch.setOnLine("asdfasdf");
videoManager.save();
JSONObject jo = JSONObject.fromObject(watch);
String jsonStr = jo.toString();
System.out.println(jsonStr);
response.setCharacterEncoding("utf-8");
response.setContentType("text/html");
try {
// 返回成功标识
//response.getWriter().println("{success:true}");
response.getWriter().println("{success:true,watch:"+jsonStr+"}");
response.getWriter().flush();
//response.getWriter().notify();
} catch (IOException e) {
e.printStackTrace();
}
finally {
try {
response.getWriter().close();
} catch (IOException e) {
e.printStackTrace();
}
}
System.out.println("插入成功");
return null;
}
// 前台代码
artist: {
xtype: 'panel', // since we are not using the default 'panel' xtype,
// we must specify it
title:'登录',
width:350,
id:'artist-panel',
items:[{
xtype:'form',
id:'artist-form',
defaultType:'textfield',
bodyStyle : 'padding:5px',
method:'POST',
defaults:{
anchor:'95%',
},
items:[{
id:'loginName',
name:'loginName',
fieldLabel:'用户名',
},{
id:'password',
name:'password',
fieldLabel:'密码',
},{
xtype: 'filefield',
id: 'abcd',
emptyText: 'Select an image',
fieldLabel: 'Photo',
name: 'abcd',
buttonText: 'asdfasdf',
}]
}],
buttons: [{
text: 'Save',
handler: function(){
var loginForm = Ext.getCmp('artist-form').form;
loginForm.doAction('submit', {
url:'save!load4.action',
method:'POST',
waitMsg:'正在登陆...',
timeout:10000,// 10秒超时,
// params:loginForm.getValues(),
success:function(form, action){
alert('登陆成功'+action.result.watch.onLine)
var isSuc = action.result.success;
if(isSuc) {
// 提示用户登陆成功
Ext.Msg.alert('消息', '登陆成功..');
}
},
failure:function(form, action){
alert('登陆失败');
}
});
}
}]
}
};
//XML 代码
<package name="ajax" extends="json-default">
<action name="save" class="com.junjun.television.web.VideoAction">
<result type="json" name="success"/>
</action>
</package>
分享到:
相关推荐
Extjs4.0终极教程+案例源码(超详细,针对4.0) 目前最为卓越的4.0教程,还附加案例源码。白~吃,也能学会用extjs做页面
最完美的Extjs4.0中文资料+案例开发。
三种实现方式分别涉及到JavaScript、jQuery和ExtJS4.0这三种前端框架,结合jsp和servlet进行后端处理。 1. **JavaScript+jsp+servlet实现**: 在JavaScript中,可以通过AJAX异步请求后端servlet来获取数据。用户在...
标题 "Extjs4.0+struts2简单MVC 实例demo" 提供了一个关于使用ExtJS 4.0框架与Struts2 MVC框架结合开发应用程序的实际示例。这是一个常见的前端与后端集成方案,旨在展示如何在Java Web项目中有效地处理用户界面和...
ExtJs + Struts2 + JSON 是一种常见的前端与后端数据交互的技术组合,常用于构建富客户端应用。这里我们详细探讨一下这三个技术组件以及它们如何协同工作。 首先,ExtJs 是一个JavaScript库,用于创建复杂的、用户...
在"Extjs4+MVC+struts2后台管理系统"中,ExtJS4作为前端框架,负责用户界面的交互和展示,而MVC(Model-View-Controller)设计模式则被用来组织和管理应用程序的逻辑。 MVC模式在ExtJS4中被广泛使用,将应用程序...
ExtJS 4.0 是一个强大的JavaScript框架,用于构建富客户端Web应用程序。它引入了全新的MVC(Model-View-Controller)设计模式,这使得应用的结构更加清晰,代码更易于管理和维护。在这个主题中,我们将深入探讨如何...
《整合Hibernate、Struts2与ExtJs4.0:基于JSON的数据传输实践》 在现代Web应用开发中,三大框架的整合是常见的技术选型,这里我们探讨的是Hibernate、Struts2与ExtJs4.0的集成应用。这三者分别负责持久层、控制层...
在我的随笔Extjs Tree + JSON + Struts2中我介绍了如何异步加载一个Extjs的树,但是很多网友留言说不能成功操作。现在我自己做了一个所有源代码的包,供大家下载。 有几点事项请大家注意 1、blogjava的文件上载要求...
ExtJS Tree + JSON + Struts2 是一个常见的前端与后端交互技术组合,常用于构建动态的、数据驱动的树形结构界面。在这个项目中,`index.html` 是主页面,`tree.js` 包含了 ExtJS 的树组件相关的 JavaScript 代码,`...
ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询 1.libs目录缺少hibernate核心jar包 2.libs目录缺少struts jar 3.WebRoot目录缺少ExtJs4.2核心类库 以上信息我都在项目里面注明了,因为这些内容的文件太大了,CSDN不...
ExtJS + Struts2 + Hibernate + JSON 登录程序是一个典型的Web开发示例,结合了前端JavaScript框架、MVC框架、持久层框架以及数据传输格式,实现了用户登录功能的前后端交互。下面将详细阐述这些技术及其在登录程序...
ExtJS Tree + JSON + Struts2 示例源代码详解 在Web开发中,构建交互式的用户界面是关键。ExtJS是一个强大的JavaScript库,尤其擅长创建桌面级的Web应用。本示例将详细介绍如何结合ExtJS的Tree组件、JSON数据格式...
Extjs 4.0中文版API
第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-...
网上有些这样的例子,但是下了几个都没有跑起来,哎,希望那些发文章的人要发就发全的,别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传,没法上传图片无法看到效果,直接上源码吧。
此外,为了实现前后端的交互,需要在Struts2的Action类中定义方法,这些方法会处理由ExtJS4.0发起的请求。同时,在ExtJS4.0的控制器中,编写事件处理函数,监听用户的操作并调用对应的Action方法。通过这种方式,...
在《ExtJs4.0 手册中文版》中,你可以找到关于ExtJS 4.0的全面介绍和详细指南。这个手册涵盖了框架的基础知识,如MVC架构、组件系统、数据绑定以及事件处理机制。此外,它还深入讲解了如何使用各种组件,如GridPanel...
在IT行业中,构建高效、交互性强的Web应用是至关重要的,而"extjs4.2+ibatis+struts构建的ajax日程表插件"就是这样一个实例,它结合了前端框架EXTJS 4.2、后端MVC框架Struts以及持久层框架iBATIS,实现了基于Ajax的...