【该上传组件已经停止更新,该上传组件已经在项目中使用。在使用过程中如果发现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
后台返回说明:
- .add{
- background-image: url(images/add.gif) !important;
- }
- .up{
- background-image: url(images/up.gif) !important;
- }
- .delete{
- background-image: url(images/delete.gif) !important;
- }
- .delete2{
- background-image: url(images/delete2.gif) !important;
- }
- 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/
- uploader.rar (26 KB)
- 下载次数: 2102
- uploader_v1.1_20101208修改_.rar (26.1 KB)
- 下载次数: 1405
- uploader_v1.2.rar (26.2 KB)
- 下载次数: 5405