日期:2014-05-16  浏览次数:20386 次

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的文档。
完毕~
1 楼 junju 2011-12-21  
无法获取属性“moving_average_history_size”的值: 对象为 null 或未定义
2 楼 junju 2011-12-21  
无法获取属性“queue_complete_handler”的值: 对象为 null 或未定义
3 楼 name327 2011-12-31  
junju 写道
无法获取属性“queue_complete_handler”的值: 对象为 null 或未定义

看看是不是你的浏览器不兼容,换个浏览器试试。由于extjs操作html标签存在兼容问题。
4 楼 macamis 2012-01-06  
不錯用...推

另外請問一下如何全部上傳完觸發一個事件
是否有這個事件可以用.
5 楼 name327 2012-01-08  
macamis 写道
不錯用...推

另外請問一下如何全部上傳完觸發一個事件
是否有這個事件可以用.

你去看swfupload的文档, 它会触发什么事件 文档中有介绍的。
6 楼 wurui130 2012-02-17  
在清空列表中  cancelQueue()  这个方法怎么没有呢?
7 楼 ijackson 2012-03-13  
在取消上传,关闭window的时候抱这个错:
SCRIPT5007: 无法获取属性“SetReturnValue”的值: 对象为 null 或未定义
LZ可曾遇到过?
8 楼 wilsonchen 2012-03-19  
楼主您好,请教一个问题:
swfupload文件应该放在项目的哪里呢?我是把它放在extjs的目录下,然后我的jsp页面是放在web-inf下,但当我点击新增文件的时候,老是提示我找不到swfupload.swf文件,这是怎么回事 呢?
9 楼 name327 2012-04-23  
wilsonchen 写道
楼主您好,请教一个问题:
swfupload文件应该放在项目的哪里呢?我是把它放在extjs的目录下,然后我的jsp页面是放在web-inf下,但当我点击新增文件的时候,老是提示我找不到swfupload.swf文件,这是怎么回事 呢?

放在webRoot 或者webContent目录下。根据使用的IDE定
10 楼 jc2002 2012-04-28  
楼主,你好,能不能把你的后台代码也贴出来一下啊,我不知道怎么将文件上传至服务器,谢谢啦!或者你方便的话,也可以麻烦你发我邮箱,49925849@qq.com!万分感谢!
11 楼 name327 2012-05-03  
jc2002 写道
楼主,你好,能不能把你的后台代码也贴出来一下啊,我不知道怎么将文件上传至服务器,谢谢啦!或者你方便的话,也可以麻烦你发我邮箱,49925849@qq.com!万分感谢!

上传文件网上例子大把, 这个上传的  和后台是无关的。你找找吧。
12 楼 zhangb00x 2012-06-04  
点添加没反映,郁闷!