ExtJs4.0整合Swfupload上传组件

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

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

ExtJs4.0整合Swfupload上传组件_第1张图片


这是上传过程图
ExtJs4.0整合Swfupload上传组件_第2张图片
在来个选文件的图

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

你可能感兴趣的:(swfupload,extjs)