Extjs3.3 + swfUpload2.2 兑现多文件上传组件

Extjs3.3 + swfUpload2.2 实现多文件上传组件【该上传组件已经停止更新,该上传组件已经在项目中使用。在使用

Extjs3.3 + swfUpload2.2 实现多文件上传组件

【该上传组件已经停止更新,该上传组件已经在项目中使用。在使用过程中如果发现bug请大家回复此贴。2011-02-27】

主要是为了用swfUpload实现上传,为了新鲜好玩。

理解swfUpload可以上网查找,以下是在网上找到,个人觉得解释比较全面的文章:

http://blog.endlesscode.com/2010/03/26/swfupload%E6%B5%85%E6%9E%90/

?

请下载最新版的,最近修改了几个问题

?

经过研究,结合Extjs3.3做了以下组件:


Extjs3.3 + swfUpload2.2 兑现多文件上传组件


Extjs3.3 + swfUpload2.2 兑现多文件上传组件
?
Extjs3.3 + swfUpload2.2 兑现多文件上传组件

?
Extjs3.3 + swfUpload2.2 兑现多文件上传组件

?

本上传组件最新修改为v1.1,加入了状态和行删除。


Extjs3.3 + swfUpload2.2 兑现多文件上传组件
?
Extjs3.3 + swfUpload2.2 兑现多文件上传组件

?

最新版本为v1.2,修改了上传状态和进度不同步的bug


Extjs3.3 + swfUpload2.2 兑现多文件上传组件

?

后台返回说明:


Extjs3.3 + swfUpload2.2 兑现多文件上传组件

?

?

Ext.onReady(function(){Ext.QuickTips.init();new Ext.Window({width : 650,title : 'swfUpload demo',height : 300,layout : 'fit',items : [{xtype:'uploadPanel',border : false,fileSize : 1024*50,//限制文件大小uploadUrl : 'uploadFiles.action',flashUrl : 'swfupload.swf',filePostName : 'file', //后台接收参数fileTypes : '*.*',//可上传文件类型postParams : {savePath:'upload\\'} //上传文件存放目录}]}).show();});

?

?

最新代码请下载附件!uploader_v1.2.rar

?

当然还有没有完善的地方,请大家自由发挥吧!

同时发表于Extjs官方网:http://www.sencha.com/forum/showthread.php?118058-UploadPanel(Extjs3.0-swfUpload)

?

转载请注明出处:http://czpae86.iteye.com/

?

85 楼 szkdsz 2012-02-24   你好,我这个关于ext的包什么的都加进去了,在本一点添加文件按钮没有弹出选择文件对话框,但是我部署的tomcat服务器中去就可以了,这是什么原因呢 86 楼 qiliannujian 2012-02-27   szkdsz 写道你好,我这个关于ext的包什么的都加进去了,在本一点添加文件按钮没有弹出选择文件对话框,但是我部署的tomcat服务器中去就可以了,这是什么原因呢

那个框是flash的插件 在option里面注意其路径,如果那个插件没加载,就歇菜了 87 楼 guo_xp 2012-02-29   79楼的朋友,你遇到的问题我今天也遇到了。在ExtJS 4.0.7下,把该语句修改为:

Ext.getCmp("myToolbar").items.get(0).el.child('em')

可以顺利执行。但我还没进一步测试。 88 楼 wilsonchen 2012-03-19   楼主您好,请教一个问题:
swfupload文件应该放在项目的哪里呢?我是把它放在extjs的目录下,然后我的jsp页面是放在web-inf下,但当我点击新增文件的时候,老是提示我找不到swfupload.swf文件,这是怎么回事 呢? 89 楼 lpan22 2012-03-19   楼主你好,我使用你的这个控件在IE下弹出一个窗口,但是关闭窗口口会出现JS的脚本错误!
不知道你们用有没有这个问题?初步估计是没有销毁掉flash控件的问题。求解啊。 90 楼 lpan22 2012-03-19   lpan22 写道楼主你好,我使用你的这个控件在IE下弹出一个窗口,但是关闭窗口口会出现JS的脚本错误!
不知道你们用有没有这个问题?初步估计是没有销毁掉flash控件的问题。求解啊。


这个问题是窗口关闭的时候没有销毁swf,
在Ext.extend(keel.UploadPanel,Ext.Panel,{
destroy:function(){
this.swfupload.destroy();
},

}) 加上窗体销毁的事件就可以了。 91 楼 lakye 2012-04-11   sfsfs 92 楼 lakye 2012-04-11   eeeeeeee 93 楼 761237645 2012-04-23   我下载的是 uploader_v1.2.rar  缺少很多图片  有没有完成的例子?  求解 94 楼 xc_bm_dtw 2012-05-08   添加按钮怎么用不起来 95 楼 vipchen316 2012-05-09   打开窗口为啥会报这个错啊 There is no Action mapped for namespace /filesUpload and action name . - [unknown location] 96 楼 liujun408 2012-05-15   必须在兼容模式下,否则添加按钮点击不到 97 楼 vinsonlou 2012-06-01   liujun408 写道必须在兼容模式下,否则添加按钮点击不到
确实有这个问题。 98 楼 scnuznh 2012-06-14   请问啊,在FileGridPanel中弹出这个uploadpanel上传完文件后关闭,但是刚上传的文件没法自动显示在FileGridPanel上,怎么办啊??

后台的回调函数都在uploadpanel里面接收处理了,不知道怎么调用FileGridPanel里面的Store去reload...


99 楼 gaochengqi 2012-07-06   拿到文件名之后是怎么获取那个文件的? 100 楼 stevepu 2012-07-06   楼住能发我一份完整的源码。你的源码不全,729099467@qq.com 101 楼 czpae86 2012-07-06   stevepu 写道楼住能发我一份完整的源码。你的源码不全,729099467@qq.com

不好意思,例子代码已经找不到了。 102 楼 jc2002 2012-07-12   guo_xp 写道79楼的朋友,你遇到的问题我今天也遇到了。在ExtJS 4.0.7下,把该语句修改为:

Ext.getCmp("myToolbar").items.get(0).el.child('em')

可以顺利执行。但我还没进一步测试。
朋友,还是不行呢! 103 楼 wangfeng 2012-07-30   新手,看了好久,但在本地就是测试不了:在本地tomcat里部署服务,用IE打开uploader.jsp, 页面没有任何反应! 能不能提供一份实际用起来的工程文件,以便我在本地测试 104 楼 qiliannujian 2012-08-04   wangfeng 写道新手,看了好久,但在本地就是测试不了:在本地tomcat里部署服务,用IE打开uploader.jsp, 页面没有任何反应! 能不能提供一份实际用起来的工程文件,以便我在本地测试
flash控件的地址有问题呢,路径修改好就没问题了