- 浏览: 119388 次
- 性别:
- 来自: 南京
文章分类
- 全部博客 (135)
- java (135)
- [转]c# 画圆角矩形 (1)
- 设计模式生活实例 (1)
- .nET2.0小技巧 (1)
- 从另一个角度看敏捷实践(一)--IPM:承诺的仪式 (1)
- javascript字符串转json对象 (1)
- 使用BeanUtils时,Date类型值为空的解决方法 (1)
- Lenovo V460+Ubuntu 11.10 无线网问题 (1)
- Lucene 索引和搜索过程核心类详解 (1)
- Android短信编解码方式 (1)
- 股神巴菲特十大致富秘籍 (1)
- Map遍历的三种方法 (1)
- Android中用Toast.cancel()方法优化toast内容的显示 (1)
- ViewFlipper “Receiver not registered” Error (1)
- javax.xml.transform.TransformerFactoryConfigurationError (1)
- JNI调用的注意事项 (1)
- JUnit单元测试感悟 (1)
- 用C#写定时关机的程序 (1)
- ASP.NET开发工具Web Matrix介绍 (1)
- MapXtreme2004代码 MapControl控件中显示地图文件 (1)
- 《使用 Microsoft .NET 的企业解决方案模式》读书笔记3 (1)
- 微创短信开发平台 (1)
- 谈谈Q+平台的技术实现 (1)
- 手机防盗软件实现(源码) (1)
- 虚析构函数(总结 帖子) (1)
- c语言中去除const修饰 (1)
- ORA-01012: not logged on 解决办法 (1)
- paypal提现如何省钱 (1)
- 数独suduku (1)
- MyISAM InnoDB 区别 (1)
- 随 笔 (1)
- Android上的log,日志相关 (1)
- 百度质量部实习居然通过了~ (1)
最新评论
-
野狐禅:
ext.get('imagebrowse') is null
ExtJs上传图片预览功能 -
zhuyl_wind:
不切实际,呵呵
[]5年内买车买房-理财篇 -
in南京:
关键你那两千块钱就够交一个多月的房租!换个城市你那六百也远远不 ...
[]5年内买车买房-理财篇 -
javac_xinyun:
呵呵,看完了,确实不错,貌似第一年的房租每月算进去 ,人际关系 ...
[]5年内买车买房-理财篇 -
dishikun:
貌似很不错,就是没把房租算进去!
[]5年内买车买房-理财篇
上传控件:
var panel3 = new ext.form.formpanel({
labelalign : 'left',
labelwidth:60,
border : false,
bodystyle : 'padding:4px;',
frame : false,
url : '../ajaxdata/uploadfile.jsp',
autoheight : true,
fileupload : true,
items : [{
id : 'file',
autoscroll : false,
xtype : 'textfield'
fieldlabel:'本地上传',
name : 'file',
hidelabel : true,
// inputtype : 'file'//按照ext默认的属性将inputtype设为file时,始终响应不了onchange事件,结果就以autocreate的方式,如下,因为这种方式相当于html里的input,所以也就响应得了啦!
autocreate : {
tag : "input",
type : "file",
size : "20",
autocomplete : "off",
onchange : "browseimages(this.value);"
}
}]
,
buttons : [{
text : '上传',
handler : function() {
panel3.getform().submit({
// waittitle : "请稍候",
waitmsg : "正在上传...",
success : function(form, action){},
failure : function(form, action) {
global.alert('上传图片失败!');
}
})
}
}]
});
/*
* 编辑
* @date 2008 july 10
*/
经过实践,还存在一种可以激发change事件的方法;
首先说一下获取form里面的field的三种方法:
1)ext.getcmp('id');
2)formpanel.getform().findfield('id/name');
3)ext.get('id/name'); //前提是formpanel在界面上显示出来了
应用上面的第1和第2种方法得到的组件均触发不了change事件,只有第三种方法可以
触发,前提是formpanel要在界面上显示出来,所以需要触发show事件,然后在show
事件里调用ext.get('id/name'),由于formpanel经常是放在ext.window里的,所
以新的问题又来了:
1)调用formpanel.on('show',fn);//当window显示出来的时候,事件没有触发
2)调用formpanel.getform().on('show',fn);//情况同上
3)调用formpanel.ownerct.on('show',fn);//ok 一切搞定
其中scope也是需要注意的一项!
如果再不行的话,可以先调用:
formpanel.ownerct.on('render',function(){
formpanel.ownerct.on('show',fn,this);
},this);
var panel3 = new ext.form.formpanel({
labelalign : 'left',
labelwidth:60,
border : false,
bodystyle : 'padding:4px;',
frame : false,
url : '../ajaxdata/uploadfile.jsp',
autoheight : true,
fileupload : true,
items : [{
id : 'file',
autoscroll : false,
xtype : 'textfield'
fieldlabel:'本地上传',
name : 'file',
hidelabel : true,
// inputtype : 'file'//按照ext默认的属性将inputtype设为file时,始终响应不了onchange事件,结果就以autocreate的方式,如下,因为这种方式相当于html里的input,所以也就响应得了啦!
autocreate : {
tag : "input",
type : "file",
size : "20",
autocomplete : "off",
onchange : "browseimages(this.value);"
}
}]
,
buttons : [{
text : '上传',
handler : function() {
panel3.getform().submit({
// waittitle : "请稍候",
waitmsg : "正在上传...",
success : function(form, action){},
failure : function(form, action) {
global.alert('上传图片失败!');
}
})
}
}]
});
/*
* 编辑
* @date 2008 july 10
*/
经过实践,还存在一种可以激发change事件的方法;
首先说一下获取form里面的field的三种方法:
1)ext.getcmp('id');
2)formpanel.getform().findfield('id/name');
3)ext.get('id/name'); //前提是formpanel在界面上显示出来了
应用上面的第1和第2种方法得到的组件均触发不了change事件,只有第三种方法可以
触发,前提是formpanel要在界面上显示出来,所以需要触发show事件,然后在show
事件里调用ext.get('id/name'),由于formpanel经常是放在ext.window里的,所
以新的问题又来了:
1)调用formpanel.on('show',fn);//当window显示出来的时候,事件没有触发
2)调用formpanel.getform().on('show',fn);//情况同上
3)调用formpanel.ownerct.on('show',fn);//ok 一切搞定
其中scope也是需要注意的一项!
如果再不行的话,可以先调用:
formpanel.ownerct.on('render',function(){
formpanel.ownerct.on('show',fn,this);
},this);
发表评论
-
百度质量部实习居然通过了~
2012-02-08 12:23 992[size=small;]? ? ?本来打算在软工所苦 ... -
Android上的log,日志相关
2012-02-07 14:18 1533摘自:http://blog.csdn.net/met ... -
随 笔
2012-02-04 13:39 600金风玉露一相逢,便胜却人间无数。英文版: chemis ... -
MyISAM InnoDB 区别
2012-02-02 16:59 737<h1 id="artibody ... -
数独suduku
2012-01-31 14:38 916sudu sudu sudu sudu sudu su ... -
paypal提现如何省钱
2011-12-28 16:58 1224据PayPal中文注册得知,如今很多收样品费的外贸商户 ... -
ORA-01012: not logged on 解决办法
2011-12-28 13:08 3512<span style="font-f ... -
c语言中去除const修饰
2011-12-21 10:54 1435[size=16px;]<span style= ... -
虚析构函数(总结 帖子)
2011-12-21 09:54 706<span style="" ... -
手机防盗软件实现(源码)
2011-12-20 12:54 938<a href="http://blo ... -
谈谈Q+平台的技术实现
2011-12-20 09:49 963这篇文章是我个人 ... -
微创短信开发平台
2011-12-19 11:39 772在网上闲逛,发现了一个站点,微创短信开发平台(http ... -
《使用 Microsoft .NET 的企业解决方案模式》读书笔记3
2011-12-19 10:24 783第3章 Web表示模式 没有一个设计策略能够适合所有情 ... -
MapXtreme2004代码 MapControl控件中显示地图文件
2011-12-15 14:29 912::<?xml:namespace prefix ... -
ASP.NET开发工具Web Matrix介绍
2011-12-15 13:39 970<p class="MsoPlain ... -
用C#写定时关机的程序
2011-12-15 11:14 704</span></font>& ... -
JUnit单元测试感悟
2011-12-14 11:29 863<p class="MsoNorma ... -
JNI调用的注意事项
2011-12-14 09:34 754JNI的简单教程网上很多,看看就能够明白,照着操作也基 ... -
javax.xml.transform.TransformerFactoryConfigurationError
2011-12-13 13:34 854<span style="" ... -
ViewFlipper “Receiver not registered” Error
2011-12-12 10:59 1126偶尔出现这个错误: <span> < ...
相关推荐
在"Extjs图片上传 带过滤和缩略图"这个主题中,我们将深入探讨如何使用ExtJS实现图片上传功能,同时结合过滤和缩略图显示,以提升用户体验。 1. **图片上传组件**: 在ExtJS中,可以使用`Ext.form.FileField`或`...
在EXTJS框架中,图片上传功能是一个常见的需求,尤其在构建富客户端应用时。EXTJS提供了强大的组件模型,使得开发...以上就是EXTJS图片上传功能的基本实现流程,通过前后端的协作,可以实现高效且安全的图片上传功能。
本教程将深入探讨如何在ExtJS中实现图片的批量上传功能,以及与之相关的批量删除操作。 首先,批量上传图片的核心是利用HTML5的File API,它允许用户在不离开当前页面的情况下读取、处理和上传本地文件。在ExtJS中...
本资源提供了一个完整的ExtJS4 htmleditor图片上传插件,包括前端和后端的实现代码,对于开发者来说是一份非常有价值的参考资料。 首先,我们来看`htmleditor`组件。在ExtJS4中,`Ext.form.field.HtmlEditor`是HTML...
这个插件是作者对原有Swfupload组件进行改进后得到的,特别适用于需要在Web应用中实现批量图片上传的场景。 首先,我们来了解一下Extjs。Extjs是一个强大的JavaScript库,用于构建富客户端的Web应用。它提供了丰富...
ExtJS 验证上传文件类型 ExtJS 中实现文件上传功能是非常方便的,但对于新手来说,控制文件上传类型是一个难题。例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出...
总结起来,ExtJS HTMLEditor的图片上传和添加网络图片功能涉及前端的事件处理、文件上传、数据交互,以及后端的文件接收、存储和返回URL。理解和实现这些细节,可以创建出功能完备且用户体验良好的富文本编辑器。
这篇博客文章"Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现"将详细介绍如何使用HtmlEditor以及如何实现图片上传和显示的功能。 首先,我们需要了解HtmlEditor的基本用法。HtmlEditor通常包含一个...
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
在IT领域,批量图片预览上传是Web应用中常见的功能,尤其在图像处理、社交媒体或者内容管理系统中。本文将深入探讨如何使用EXTJS框架结合...理解并掌握这些知识点,能帮助开发者构建高效、安全的批量图片上传功能。
在本文中,我们将深入探讨如何使用ExtJS 4与Struts2框架实现文件上传功能。ExtJS是一个强大的JavaScript库,提供了丰富的用户界面组件,而Struts2是Java Web开发中的一个MVC框架,用于处理后端业务逻辑。下面,我们...
在本文中,我们将深入探讨如何使用ExtJS框架与ASP(Active Server Pages)技术结合,实现一个功能完善的文件上传功能,特别是针对图片和其他类型文件的上传。ExtJS是一款强大的JavaScript库,用于构建桌面级的Web...
2. 实现文件上传功能,使用`FileField`和Ajax请求将图片上传至服务器。 3. 创建删除图片的功能,通过Ajax请求发送删除指令,服务器执行删除操作后更新UI。 4. 添加必要的用户体验元素,如进度条、确认对话框和错误...
在Web应用中,多文件上传功能通常用于让用户一次性上传多个文件,比如图片、文档等。ExtJS4提供了一种解决方案,允许用户通过一个交互式的界面来上传多个文件,并可以分别处理每个文件的上传状态。 **三、上传组件...
在"EXTJS3.0多文件上传组件"中,我们主要关注的是如何利用EXTJS3.0的功能来实现一个高效的、用户友好的多文件上传功能。 首先,`swfupload.js`是Flash-Based的文件上传库,它允许用户在不离开当前页面的情况下进行...
ExtJS原生多文件拖动上传组件 使用时修改包路径 1.多文件上传 2.支持拖动上传 3.支持图片压缩 4.支持图片合并 5.文件排序 可扩展实时图片预览 api //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化...
5. **文件类型过滤**:通过配置,可以限制可上传的文件类型,如只允许上传图片或文档等。 6. **上传策略**:EXTJS支持异步上传,可以设置并发上传的数量,避免一次性上传大量文件导致服务器压力过大。 7. **错误...
ExtJs 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。它提供了一整套组件、数据绑定机制和事件处理系统,使得开发者能够创建功能丰富的、交互式的用户界面。在前后台数据交互中,ExtJs 起着至关重要...
在本场景中,"extjs struts2 多图片批量上传控件"是一个集成解决方案,允许用户通过ExtJS前端框架批量上传多张图片,并通过Struts2后端框架进行处理。 **ExtJS** 是一个基于JavaScript的UI库,它提供了丰富的组件和...
在“Extjs多文件上传”这个主题中,我们将深入探讨如何使用ExtJS实现一个支持自由添加和减少上传文件个数的多文件上传功能。 首先,ExtJS的文件上传功能通常依赖于其组件系统,特别是`Ext.form.FileField`(也称为`...