- 浏览: 1615103 次
- 性别:
- 来自: 长春
文章分类
- 全部博客 (309)
- ext (19)
- web (13)
- PHP (19)
- 互联网新闻 (3)
- oracle (3)
- Mootools (1)
- FLEX (3)
- 人在职场 (2)
- hibernate (24)
- spring2 (1)
- J2SE (24)
- WEB_UI (14)
- 其它 (11)
- Log4J (1)
- iText (10)
- SQL (11)
- 设计模式 (3)
- lucene (6)
- 开源项目 (2)
- javascript (20)
- 软件&破解补丁 (48)
- Quartz (2)
- 解决方案 (1)
- 工作存档 (2)
- JAVA对文件操作 (2)
- C&C#&VC (1)
- struts2 (3)
- 版本控制 (2)
- 软考基础 (23)
- JBPM (2)
- velocity (4)
- javamail (3)
- HttpClient (9)
- 虚拟化技术 (2)
- 报表 (3)
- ibatis (5)
- Spring (4)
- 信用卡 (0)
- 芒果钱包 (0)
- 养卡 (0)
最新评论
-
a601962168:
...
通过JAVA与串口(RS232)通信实例 -
olive009:
...
Adobe Acrobat 9 Pro & Pro Extended 中文版/英文版 下载及破解补丁 -
overshit:
api更新了,一加filter就Callback filter ...
深入浅出CGlib-打造无入侵的类代理 -
u010778233:
写得很不错,已经用起来了,谢谢
将jdbc结果集转换成对象列表 -
924060929:
我想找就是要这个功能!!!!!!!!
velocity基础教程--2自定义ResourceLoader实现字符模板
例子是网上找的,不过是php的 给转成jsp 吧中间遇到的问题说了一下
upfile.js
后台 jsp
注意 可能有人会出现result.msg唯空 或 不是对象的原因
这是因为upfile.html和upfile.jsp不在同一域下 可能取得不到结果 实际应该上传成功
可以直接设成Ext.Msg.alert('Message from extjs.org.cn',"上传成功");
至于具体原因我也不太清楚,请了解的告知一下
<html> <head> <title>upfile</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="lib/ext-base.js"></script> <script type="text/javascript" src="lib/ext-all.js"></script> <script type="text/javascript" src="lib/ext-lang-zh_CN.js"></script> <script type="text/javascript" src="upload.js"></script> <script type="text/javascript" src="examples.js"></script> </head> <body> <h1>Upload with Forms</h1> </body> </html>
upfile.js
Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; Ext.onReady(function() { var form = new Ext.form.FormPanel({ baseCls: 'x-plain', labelWidth: 80, //url:'http://extjs.org.cn/extjs/examples/form/upload.php', url:'upfile.jsp', fileUpload:true, defaultType: 'textfield', items: [{ xtype: 'textfield', fieldLabel: 'File Name', name: 'userfile', inputType: 'file', allowBlank: false, blankText: 'File can\'t not empty.', anchor: '90%' // anchor width by percentage }] }); var win = new Ext.Window({ title: 'Upload file', width: 400, height:200, minWidth: 300, minHeight: 100, layout: 'fit', plain:true, bodyStyle:'padding:5px;', buttonAlign:'center', items: form, buttons: [{ text: 'Upload', handler: function() { if(form.form.isValid()){ Ext.MessageBox.show({ title: 'Please wait', msg: 'Uploading...', progressText: '', width:300, progress:true, closable:false, animEl: 'loding' }); form.getForm().submit({ success: function(form, action){ Ext.Msg.alert('Message from extjs.org.cn',action.result.msg); win.hide(); }, failure: function(){ Ext.Msg.alert('Error', 'File upload failure.'); } }) } } },{ text: 'Close', handler:function(){win.hide();} }] }); win.show(); });
后台 jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ page import="org.apache.commons.fileupload.*" %> <%@ page import="java.util.*" %> <%@ page import="java.util.Iterator" %> <%@ page import="java.io.File" %> <% String temp=getServletContext().getRealPath("/")+"temp"; //临时目录 String loadpath=getServletContext().getRealPath("/")+"dir"; //上传文件存放目录 DiskFileUpload fu = new DiskFileUpload(); fu.setSizeMax(1*1024*1024*1024); // 设置允许用户上传文件大小,单位:字节 //fu.setSizeThreshold(409600); // 设置最多只允许在内存中存储的数据,单位:字节 //fu.setRepositoryPath(temp); // 设置一旦文件大小超过getSizeThreshold()的值时数据存放在硬盘的目录 //开始读取上传信息 List fileItems = fu.parseRequest(request); Iterator iter = fileItems.iterator(); // 依次处理每个上传的文件 String name = ""; FileItem itemi = (FileItem) iter.next();// 忽略其他不是文件域的所有表单信息 if (!itemi.isFormField()) { name = itemi.getName();//获取上传文件名,包括路径 name=name.substring(name.lastIndexOf("\\")+1);//从全路径中提取文件名 // out.println(name); long size = itemi.getSize(); if((name==null||name.equals("")) && size==0) return; //out.println(itemi.getName()+" Size="+itemi.getSize()+"<br>");//输出上传文件信息 //System.out.println(name); File fNew= new File(loadpath, "tempfile.txt"); itemi.write(fNew); out.println("{success:true,msg:'File was successfully uploaded.'}"); } %>
注意 可能有人会出现result.msg唯空 或 不是对象的原因
这是因为upfile.html和upfile.jsp不在同一域下 可能取得不到结果 实际应该上传成功
可以直接设成Ext.Msg.alert('Message from extjs.org.cn',"上传成功");
至于具体原因我也不太清楚,请了解的告知一下
发表评论
-
ExtJS 2 系列教程
2009-02-08 18:23 3257如果大家对JEE的深入研究有兴趣 可以加入Q群:4617650 ... -
[ExtJS2.1教程-7]Tree(树控件)
2009-02-08 18:10 8061树控件: 树是由根节点、叶子节点、非叶子节点(目录节点)组成的 ... -
[ExtJS2.1教程-6]Tip(提示框)
2009-02-08 09:32 8186信息提示框是指当我们把鼠标移动并停留到页面上的某一个元素上时, ... -
[ExtJS2.1教程-5]ToolBar(工具栏)
2009-02-07 09:25 9700面板中可以有工具栏,工具栏可以位于面板顶部或底部,Ext中工具 ... -
[ExtJS2.1教程-4]Menu(菜单)
2009-02-04 21:20 9883menu.html <html> < ... -
[ExtJs 2.02]Grid默认选择首行并允许键盘操作
2009-01-23 14:39 4192grid默认选中第一行问题解决了 grid.getSelect ... -
[电子书]LearningExtJS(完整版2.01 en)
2009-01-22 11:11 2310What you will learn from this ... -
[ExtJs 2.02]Combobox的使用
2009-01-21 10:51 28211.简单使用: <!DOCTYPE HTML PUB ... -
grid设置某列背景颜色
2009-01-16 10:47 1824css .x-grid-back-red { back ... -
grid设置某行字体颜色
2009-01-16 10:34 3536css代码 .x-grid-record-red ... -
Ext2.0.2用于netbeans的JavaScript的库
2009-01-05 14:39 1672Ext2.0.2用于netbeans的JavaScript的库 ... -
Ext2.1API中文文档
2009-01-04 08:58 2515Ext2.1API中文文档 基本上Ext2系列都实用 需要Ad ... -
[ExtJS2.1教程-3]事件机制
2009-01-02 23:26 3407javascript的事件我们用的最多的就是用于表单验证 现在 ... -
[ExtJS2.1教程-2]组件的使用
2009-01-02 19:09 2634我们还是以alert为例 首 ... -
[ExtJS2.1教程-1]HelloWorld
2009-01-02 14:16 2655ExtJS:一个很强大的ui库 创建一个漂亮的alert &q ... -
Ext Tree控件的使用
2008-12-21 19:35 19682树是一个我们日常用的组件,Ext给我们提供了一个非常好用的树控 ... -
ext的一些组件中常用的参数整理
2008-04-15 05:33 2514grid 中的render里的参数: value:当前单元格 ... -
Ext Docs(2.0) 本地化处理,已生成CHM文件了
2008-01-15 16:27 4294ext2 的chm文档 ajaxjs论坛上发现的 不敢独享~~ ...
相关推荐
Extjs2.02 Gridpanel加载本地数组资源的实例,思路相当清晰。对初学者很有用
extjs2.02的帮助文档,中文完整版
ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端 ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs...
ExtJs2.02官方实例aspx(.net)版
这个软件现在市面上只有2.0 和2.1 2,0有些新东西不能用 2.1要钱才能用啊, <br>怕这个东西以后2.02没有了先发个到csdn保存一下, <br>听说网友想在2.02上开发出网友自己的2.1这个目前不敢肯定,但是官方的...
用Ext编写的多文件上传组件,已封装。 支持多文件上传,文件下载,文件删除,
ExtJS验证文件上传类型,详细讲述ExtJS如何验证文件上传文件的类型!
ExtJS原生多文件拖动上传组件 使用时修改包路径 1.多文件上传 2.支持拖动上传 3.支持图片压缩 4.支持图片合并 5.文件排序 可扩展实时图片预览 api //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化...
NULL 博文链接:https://shuhaolan.iteye.com/blog/1337060
官方或网上ExtJS实现多文件上传的UploadDialog只适用于ExtJS2.x,我经过修改使其使用于ExtJS3.x,并在修改时尽量尊重于原始功能代码,请大家放心使用!
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
Java+Extjs实现单文件上传
ExtJS4多文件上传,可单独对每个文件进行管理,有进度条。
extjs3.0 ajax 同步请求
extjs 多文件上传extjs 多文件上传
EXTJS MultiFileUploadField 多文件 上传
用extjs实现的多文件上传,界面很好看,而且很好用的,失望大家试试看
支持 自由添加和减少上传文件个数的Extjs多文件上传源代码,10分绝对值得,要注意的一点就是jsp里面引用的Ext的js和css要是2.2版本的
Extjs4文件上传,后台struts2
extjs中ajax网页无刷新与后台交互的代码实现,使用javascript开发的可以参照学习。。