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做了以下组件:


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

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

?
后台返回说明:

?
?
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控件的地址有问题呢,路径修改好就没问题了
