ExtJs4.0整合Swfupload上传组件

看了这位仁兄的发的博文，于是对swfupload整合extjs产生兴趣。
http://czpae86.iteye.com/blog/834123
这里先说下swfupload的特点
支持多文件上传，支持上传时，选文件进行文件类型限制，同样支持文件大小在选文件时限制。

这是swfupload的GoogleCode地址
http://code.google.com/p/swfupload/
废话不多说，直接上内容
这是组件图




这是上传过程图

在来个选文件的图


-------------------------------------------------------------------------
附件中的jsp是上传页面， 设置的内容在jsp中查看。
image是界面按键的图标文件， 通过icon属性指定的路径。
由于我的jsp页面有base标签， 所以image文件夹在项目根目录时候，按钮图标方可正常显示，如果要改变Image路径，请根据实际情况改变UploadPanel.js里面的button的icon属性为合适的值。
使用时候导入extjs所需要的js和css后。
在页面导入附件中的所有Js.
最后说下 ， 这个东西 说好听点就是模仿别人的。嘿嘿~
刚学extjs不久，“模仿”的不好之处，请大家见谅，最好能指出来。
如果大家还想对这个组件根据自己需求更改，请参考上面的swfupload地址，去下载swfupload的文档。
完毕~

评论

44 楼 Obama2016 2016-08-17  

 

43 楼 Obama2016 2016-08-17  

4.0导不进去啊，有大神在吗，能加个QQ吗？

42 楼 name327 2015-12-23  

wang_0056 写道

wanwanGGYY 写道

我使用Extjs4.2.1，点击添加文件没有任何反映，不知道楼主有没有办法解决

SWF引用路径不正确会这样

4年了，还是那么多人对EXTJS乐此不疲 

41 楼 wang_0056 2015-11-03  

wanwanGGYY 写道

我使用Extjs4.2.1，点击添加文件没有任何反映，不知道楼主有没有办法解决

SWF引用路径不正确会这样

40 楼 wang_0056 2015-11-03  

shukuangren_javaeye 写道

liujinwen0919 写道

添加没反映，郁

zhangb00x 写道

点添加没反映，郁闷！

this.swfupload 为空或为定义  这是为什么啊

各位兄弟，点击没反应的事情我也遇到了，最终就一行代码就搞定：
原来的代码在创建swf对象后对其进行了显示位置的设置：
Ext.get(this.swfupload.movieName).setStyle({
position : 'absolute',
left :"0px"
});
将代码修改为如下即可使用：
Ext.get(this.swfupload.movieName).setStyle({
position : 'absolute',
left :"0px",
top:"0px"
});
就添加了一行代码：top:"0px"，原因我理解如下：
通过前面的button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT,把这个flash设置为透明的了，并且是叠加在了那个btnAdd这个按钮上面，通过这种方式那么用户能够看到这个btnAdd按钮，但是实际上点击鼠标的时候却又是点击在这个flash上了，这样就触发了上传窗口的，这儿把left、top都设置为0，就是避免flash叠加在btnAdd按钮上的时候，叠加的位置不对，这样点击的时候没有点击到这个flash，也就看不到效果了（测试环境是ie7/firefox14），

另外如果想在btnAdd按钮中添加handler来调用selectFile() 来打开上传文件对话框，那么对flash10及以上的版本是有问题的：
Flash Player 10的安全机制更严格，类似打开文件上传的对话框的操作，一定需要用户交互才触发，如果用脚本触发，会报#2176的运行时错误。

所以我最终的解决方案还是发现添加上面那一行top:"0px"代码即可

我先前也没反应，不知道你们的SWF引用路径对不对

39 楼 caimingyi484 2014-08-07  

sfdsfsdfsdfdsfsfsd

38 楼 wanwanGGYY 2014-06-20  

我使用Extjs4.2.1，点击添加文件没有任何反映，不知道楼主有没有办法解决

37 楼 q786773109 2014-02-17  

在IE下面无法添加文件 以上的方法都尝试了 还是不行啊

36 楼 q786773109 2014-01-17  

您这个 没有后台的代码啊
能给一个后台的代码么？

35 楼 hwj385327450 2013-09-06  

你的后台是用什么写的啊

34 楼 name327 2013-08-29  

qiuyufeifei 写道

楼主，发现个问题，当一个吧UploadPanel加入到其他Panel或者window时，父窗口close时，Ext报错view.ownerCt is undefined  [dom.id] : null;

这个东西bug有点小多，我好长时间都没碰extjs。不能帮助你解决问题。。 sorry！

33 楼 qiuyufeifei 2013-08-20  

楼主，发现个问题，当一个吧UploadPanel加入到其他Panel或者window时，父窗口close时，Ext报错view.ownerCt is undefined  [dom.id] : null;

32 楼 name327 2013-08-07  

xinxiaolin 写道

楼主，能不能把整个例子的前后台代码发到我又想呀，谢谢！我邮箱：[e-mail]

demo代码已经搞不见。。。

31 楼 xinxiaolin 2013-07-29  

楼主，能不能把整个例子的前后台代码发到我又想呀，谢谢！我邮箱：[e-mail]

30 楼 xinxiaolin 2013-07-29  

楼主，能不能把整个例子的前后台代码发到我又想呀，谢谢！

29 楼 hxpjava1 2012-12-28  

上传成功但是提示-200错误？

28 楼 剑锋凛冽 2012-11-05  

qinshihuanglove 写道

有没有完整的例子。extjs4.0.谢谢。发邮箱。[e-mail],谢谢。

同求[e-mail]

27 楼 qinshihuanglove 2012-11-05  

有没有完整的例子。extjs4.0.谢谢。发邮箱。[e-mail],谢谢。

26 楼 qinshihuanglove 2012-11-02  

有没有完整的例子。

25 楼 tk_it_2012 2012-10-31  

我点击添加按钮没反应,什么情况?求解..