`
tylerxi
  • 浏览: 21461 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Ext 结合Cos 实现上传

阅读更多
在IE中,不能获得到action.result.success ,这个问题困扰了我5个小时. 不过还是再各位前辈的文章中找到了解决的方法
原来是Java端一直写的是response.getWriter().write("{success:true,message:'上传成功'}");   
后来看了一个朋友的代码才发现应该是response.getWriter().print("{success:true,msg:'成功'}");
哎..真是不应该啊!

Ext.BLANK_IMAGE_URL = 'js/extjs/resources/images/default/s.gif';
Ext.onReady(function(){
	var uploadform = new Ext.form.FormPanel({
		buttonAlign : 'center',
		labelAlign : 'right',
		labelWidth : 55,
		title : '文件上传',  
		frame : true,
		fileUpload : true, // 关键地方
		url : 'servlet/CosUploadServ',  
		method : 'POST',
		width : 380,
		items : [{
			xtype : 'textfield',
			fieldLabel : '文件路径',
			name : 'file',
			inputType : 'file' // 文件类型
		}],
		buttons : [{
			text : '上传',
			handler : 	function (){
				uploadform.getForm().submit({
					success :function(form , action)
					{
						if(action.result.success ==true)
						{
							Ext.Msg.alert("上传成功","文件上传成功");
						}
						else
						{
							Ext.Msg.alert("上传失败","文件上传失败");
						}
					},
					failure : function(form, action) {
						Ext.Msg.alert('上传失败', '上传文件失败!');
					}
				});
			}
		}]
	});
	uploadform.render(document.body);
});



package tt.account.serv;

import java.io.File;
import java.io.IOException;
import java.util.Enumeration;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.oreilly.servlet.MultipartRequest;

/**
 * Created on 2008-7-14
 * <p>Description: [描述该类概要功能介绍]</p>
 */
public class CosUploadServ extends HttpServlet
{

	/**
	 * Constructor of the object.
	 */
	public CosUploadServ()
	{
		super();
	}

	/**
	 * Destruction of the servlet. <br>
	 */
	public void destroy()
	{
		super.destroy(); // Just puts "destroy" string in log
		// Put your code here
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		this.doPost(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		//文件上传后,保存在c:\\upload 
		String saveDirectory = "c:\\upload";
		//每个文件最大5m,最多3个文件,所以... 
		int maxPostSize = 3 * 5 * 1024 * 1024;
		//response的编码为"gb2312",同时采用缺省的文件名冲突解决策略,实现上传 
		MultipartRequest multi = new MultipartRequest(request, saveDirectory, maxPostSize, "gb2312");

		//输出反馈信息 
		Enumeration files = multi.getFileNames();
		while (files.hasMoreElements())
		{
			System.err.println("ccc");
			String name = (String) files.nextElement();
			File f = multi.getFile(name);
			if (f != null)
			{
				String fileName = multi.getFilesystemName(name);
				String lastFileName = saveDirectory + "\\" + fileName;
				System.out.println("上传的文件:" + lastFileName);
			}
		}

		//response.setContentType("application/json");
		//response.getWriter().write("{success:true,message:'上传成功'}");            

		response.setContentType("text/html;charset=utf-8");
		response.getWriter().print("{success:true,msg:'成功'}");

	}
}




  • cos.jar (55.1 KB)
  • 描述: cos所需要的jar包
  • 下载次数: 29
3
1
分享到:
评论
1 楼 jj_liu 2008-08-30  
为什么我总是报,行24,语法错误呢

相关推荐

    Ext3.0实现多文件上传.rar

    在“Ext3.0实现多文件上传.rar”这个压缩包中,我们聚焦于一个特定的功能:使用Ext3.0来实现实时的多文件上传功能。这个功能通常在网页应用中用于让用户能够一次性上传多个文件,如图片、文档等,极大地提高了用户...

    ext结合swfUpload 多选文件上传

    本文将深入探讨如何使用EXTJS(EXT)框架与SWFUpload插件相结合,实现高效、便捷的多选文件上传功能。 EXTJS是一个强大的JavaScript前端框架,提供了丰富的组件和灵活的布局管理,可以构建出美观且功能丰富的用户...

    ext 与 dwr 的结合

    当EXT与DWR结合时,开发者可以在EXT的界面上直接触发DWR的远程调用,实现数据的实时更新。例如,EXT的表格组件可以通过DWR异步加载数据,用户在界面上的操作(如排序、筛选)可以直接反映到服务器端,服务器处理完后...

    Cos组件实现上传下载

    ### Cos组件实现上传下载知识点详解 #### 一、概述 在现代Web开发中,文件的上传与下载是一项基本且常用的功能。Cos组件提供了一种简便的方式来处理这些需求。本篇文章将详细阐述如何利用Cos组件实现文件的上传和...

    Ext3.0 实现验证码

    本项目实现了在Ext3.0环境中集成验证码功能,结合服务器端的Tomcat,为用户提供了一个安全的验证环境。 验证码的主要目的是通过要求用户输入图片中显示的一串随机字符,来验证用户是人类而非机器。在Web应用中,...

    ext+jsp实现登入.rar

    标题“ext+jsp实现登入.rar”表明这是一个关于使用EXT JS(一种富客户端JavaScript框架)与JSP(JavaServer Pages)结合实现登录功能的项目。EXT JS通常用于构建用户界面,而JSP则处理服务器端逻辑。这个压缩包包含...

    Ext 实现 文件上传 进度显示

    本篇文章将详细探讨如何利用`Ext`来实现文件上传的进度显示,并结合`commons-fileupload`库进行讨论。 首先,`Ext`提供了`Ext.form.FileField`组件,也称为上传字段,它允许用户选择文件并提交到服务器。为了实现...

    FCKEditor与ext结合使用

    FCKeditor支持HTML、CSS、图片上传等功能,允许用户在网页上实现类似Word的文本编辑体验。其易于集成的特点使其成为许多Web应用的理想选择。 **2. EXT(ExtJS)概述** EXT是一个用于构建桌面级Web应用的JavaScript...

    基于java 的Ext 简单效果实现

    简单的Ext 富客户端实现 简单的Ext 富客户端实现 简单的Ext 富客户端实现

    linux ext2 文件系统模拟 c语言实现

    EXT2的C语言实现是一项技术性极强的任务,涉及到对操作系统底层机制的理解,包括文件系统的结构、inode、超级块、数据块等核心概念。在这里,我们将深入探讨EXT2文件系统的基本原理及其C语言模拟实现的关键点。 1. ...

    Ext.net+swfupload实现文件上传

    Ext.net+swfupload实现上传组件。 特点: (1)适合嵌入到Ext.net项目中。 (2)避免了Ext.net的上传控件的缺点。Ext.net中上传控件在文件上传到服务器后在判断后缀、大小是否符合要求,这样在网速限制的情况下用户...

    EXT文件批量上传源代码

    EXT文件批量上传源代码是一种基于EXT JavaScript库实现的前端文件上传解决方案。EXT是一个强大的富客户端JavaScript框架,它提供了丰富的组件库,用于构建交互性强、功能丰富的Web应用。EXT的文件批量上传功能允许...

    ext实现文件上传 后台java实现

    本文将详细介绍EXTJS如何实现文件上传,以及后台Java如何与之配合。 EXTJS中的文件上传主要依赖于`Ext.form.Panel`中的`FileField`组件,它模拟了一个HTML的`&lt;input type="file"&gt;`元素,允许用户选择本地文件。`...

    ext 嵌入editarea 实现代码 源代码 代码高亮 显示

    ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示 ext 嵌入editarea 实现代码 源代码 代码高亮 显示

    ext 结合 asp.net 实例

    它结合了EXT JS的用户界面组件和ASP.NET的服务器端功能,使得开发人员可以在Web应用程序中创建复杂的、交互性强的用户界面。在本文中,我们将深入探讨EXT.NET如何与ASP.NET集成,以及如何在实际项目中运用EXT.NET。 ...

    Ext相册实现文件拖拽,实时上传进度,本地预览

    4. **上传文件**:EXT4的FormPanel可以方便地处理文件上传,通过设置`enctype="multipart/form-data"`,结合Ajax请求,可以实现异步上传。 **实时上传进度** 1. **使用FormData对象**:HTML5的FormData对象允许我们...

    Ext 文件上传demo

    3. **异步上传**:EXT的文件上传通常与Ajax结合,实现非刷新页面的文件上传。这涉及到`Ajax请求`和`FormData对象`,它们可以将文件内容作为二进制数据发送到服务器。 4. **进度条显示**:为了提升用户体验,EXT ...

Global site tag (gtag.js) - Google Analytics