`
junjun16818
  • 浏览: 106215 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs 4.0 上传图片 + struts2

阅读更多

有了上传图片控件后 在action 中必须写上以下代码 

  1. response.setCharacterEncoding("utf-8");  
  2.         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)

    Extjs4.0终极教程+案例源码(超详细,针对4.0) 目前最为卓越的4.0教程,还附加案例源码。白~吃,也能学会用extjs做页面

    最完美的Extjs4.0中文资料+案例开发

    最完美的Extjs4.0中文资料+案例开发。

    省市县三级连动三种实现方式(javascript+jsp+servlet)、(jquery+jsp+servlet)、(extjs4.0+jsp+servle)

    三种实现方式分别涉及到JavaScript、jQuery和ExtJS4.0这三种前端框架,结合jsp和servlet进行后端处理。 1. **JavaScript+jsp+servlet实现**: 在JavaScript中,可以通过AJAX异步请求后端servlet来获取数据。用户在...

    Extjs4.0+struts2简单MVC 实例demo

    标题 "Extjs4.0+struts2简单MVC 实例demo" 提供了一个关于使用ExtJS 4.0框架与Struts2 MVC框架结合开发应用程序的实际示例。这是一个常见的前端与后端集成方案,旨在展示如何在Java Web项目中有效地处理用户界面和...

    ExtJs + Struts2 + JSON 程序总结

    ExtJs + Struts2 + JSON 是一种常见的前端与后端数据交互的技术组合,常用于构建富客户端应用。这里我们详细探讨一下这三个技术组件以及它们如何协同工作。 首先,ExtJs 是一个JavaScript库,用于创建复杂的、用户...

    Extjs4+MVC+struts2后台管理系统

    在"Extjs4+MVC+struts2后台管理系统"中,ExtJS4作为前端框架,负责用户界面的交互和展示,而MVC(Model-View-Controller)设计模式则被用来组织和管理应用程序的逻辑。 MVC模式在ExtJS4中被广泛使用,将应用程序...

    Extjs4.0+MVC模式+存动态加载

    ExtJS 4.0 是一个强大的JavaScript框架,用于构建富客户端Web应用程序。它引入了全新的MVC(Model-View-Controller)设计模式,这使得应用的结构更加清晰,代码更易于管理和维护。在这个主题中,我们将深入探讨如何...

    Hibernate+Struts2+ExtJs4.0

    《整合Hibernate、Struts2与ExtJs4.0:基于JSON的数据传输实践》 在现代Web应用开发中,三大框架的整合是常见的技术选型,这里我们探讨的是Hibernate、Struts2与ExtJs4.0的集成应用。这三者分别负责持久层、控制层...

    Extjs Tree + JSON + Struts2 示例源代码

    在我的随笔Extjs Tree + JSON + Struts2中我介绍了如何异步加载一个Extjs的树,但是很多网友留言说不能成功操作。现在我自己做了一个所有源代码的包,供大家下载。 有几点事项请大家注意 1、blogjava的文件上载要求...

    Extjs Tree + JSON + Struts2

    ExtJS Tree + JSON + Struts2 是一个常见的前端与后端交互技术组合,常用于构建动态的、数据驱动的树形结构界面。在这个项目中,`index.html` 是主页面,`tree.js` 包含了 ExtJS 的树组件相关的 JavaScript 代码,`...

    ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询

    ExtJs4.2+Mysql+Struts2+Hibernate3实现分页查询 1.libs目录缺少hibernate核心jar包 2.libs目录缺少struts jar 3.WebRoot目录缺少ExtJs4.2核心类库 以上信息我都在项目里面注明了,因为这些内容的文件太大了,CSDN不...

    extjs+struts2+hibernate+json登录程序

    ExtJS + Struts2 + Hibernate + JSON 登录程序是一个典型的Web开发示例,结合了前端JavaScript框架、MVC框架、持久层框架以及数据传输格式,实现了用户登录功能的前后端交互。下面将详细阐述这些技术及其在登录程序...

    extjs tree + json+struts2示例源代码

    ExtJS Tree + JSON + Struts2 示例源代码详解 在Web开发中,构建交互式的用户界面是关键。ExtJS是一个强大的JavaScript库,尤其擅长创建桌面级的Web应用。本示例将详细介绍如何结合ExtJS的Tree组件、JSON数据格式...

    Extjs 4.0中文版API

    Extjs 4.0中文版API

    EXTJS4.0视频教程配套代码

    第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-...

    Extjs+Struts2实现异步文件上传

    网上有些这样的例子,但是下了几个都没有跑起来,哎,希望那些发文章的人要发就发全的,别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传,没法上传图片无法看到效果,直接上源码吧。

    Struts+Extjs4.0实例

    此外,为了实现前后端的交互,需要在Struts2的Action类中定义方法,这些方法会处理由ExtJS4.0发起的请求。同时,在ExtJS4.0的控制器中,编写事件处理函数,监听用户的操作并调用对应的Action方法。通过这种方式,...

    ExtJs4.0 手册中文版

    在《ExtJs4.0 手册中文版》中,你可以找到关于ExtJS 4.0的全面介绍和详细指南。这个手册涵盖了框架的基础知识,如MVC架构、组件系统、数据绑定以及事件处理机制。此外,它还深入讲解了如何使用各种组件,如GridPanel...

    extjs4.2+ibatis+struts构建的ajax日程表插件

    在IT行业中,构建高效、交互性强的Web应用是至关重要的,而"extjs4.2+ibatis+struts构建的ajax日程表插件"就是这样一个实例,它结合了前端框架EXTJS 4.2、后端MVC框架Struts以及持久层框架iBATIS,实现了基于Ajax的...

Global site tag (gtag.js) - Google Analytics