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

后台返回说明：

.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

• 查看图片附件