论坛首页 Web前端技术论坛

多文件上传UploadPanel for extjs4(swfuoload2.5)

浏览 15772 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-11-17  

UploadPanel for extjs4 使用的是SWFUpload-2.5实现多文件上传。

 

支持extjs3版本的uploadPanel请在我的博客文章(类别:EXTJS)里面找。

 

一,注意:

1,服务端上传成功返回:

 

{success:true}

 

 

2,服务端上传失败返回:

 

{success:false}

 

 

二,截图:

 




 

 

  • 大小: 17.8 KB
  • 大小: 15.3 KB
  • 大小: 28 KB
   发表时间:2012-11-20  
czpae86 写道

UploadPanel for extjs4 使用的是SWFUpload-2.5实现多文件上传。

 

支持extjs3版本的uploadPanel请在我的博客文章(类别:EXTJS)里面找。

 

一,注意:

1,服务端上传成功返回:

 

{success:true}

 

 

2,服务端上传失败返回:

 

{success:false}

 

 

二,截图:

 




 

 

 

0 请登录后投票
   发表时间:2012-12-11  
这段代码 很厉害可见作者编写代码的功底很深啊,现在想请教一下在 4.1.1里面使用您这段代码会有问题的我是用您的扩展类自己定义成一个控件然后这个控件是一个Window的一个item现在的问题是在4.1.1里面关闭会报错,4.07是ok的,我不知道是不是在手动销毁这个Window的时候出错,不过 closeAction:'hide'的话可以用 但是有一个bug就是我如果选择了文件又没上传的话 再一次打开就上传不了了,是不是我在监听这个Window的beforeclose的时候没有销毁他的items所致呢?求指教
0 请登录后投票
   发表时间:2012-12-11  
apeng1986 写道
这段代码 很厉害可见作者编写代码的功底很深啊,现在想请教一下在 4.1.1里面使用您这段代码会有问题的我是用您的扩展类自己定义成一个控件然后这个控件是一个Window的一个item现在的问题是在4.1.1里面关闭会报错,4.07是ok的,我不知道是不是在手动销毁这个Window的时候出错,不过 closeAction:'hide'的话可以用 但是有一个bug就是我如果选择了文件又没上传的话 再一次打开就上传不了了,是不是我在监听这个Window的beforeclose的时候没有销毁他的items所致呢?求指教


请贴出你的使用代码。
0 请登录后投票
   发表时间:2012-12-11  
var form=Ext.Create('Ext.ux.uploadPanel.UploadPanel',{
     addFileBtnText : '选择文件',
uploadBtnText : '上传',
removeBtnText : '移除所有文件',
cancelBtnText : '取消上传',
upload_url : "./WebForm1.aspx?a="+paramA+"&b="+paramB+"&c="+paramC+"&d=1"//这里的是我定义了三个要传的参数
});
Ext.define('MyApp.upfile',{
extend : 'Ext.window.Window',
alias : 'widget.uploadpanel',closeAction:'hide',//.....
width : 700,
height : 300,
    items:[form]
});

大致是这样的 。。。因为代码在办公室我们公司对代码管控的严,最近几天办公室也上不了网,只是简单的写了一个大致的东西。这个把closeAction改成hide  窗体能正常关闭但是  会出现那个选择文件的button用不了,但是destroy的话就直接关不了


0 请登录后投票
   发表时间:2012-12-11  
czpae86 写道
apeng1986 写道
这段代码 很厉害可见作者编写代码的功底很深啊,现在想请教一下在 4.1.1里面使用您这段代码会有问题的我是用您的扩展类自己定义成一个控件然后这个控件是一个Window的一个item现在的问题是在4.1.1里面关闭会报错,4.07是ok的,我不知道是不是在手动销毁这个Window的时候出错,不过 closeAction:'hide'的话可以用 但是有一个bug就是我如果选择了文件又没上传的话 再一次打开就上传不了了,是不是我在监听这个Window的beforeclose的时候没有销毁他的items所致呢?求指教


请贴出你的使用代码。

我还是明天想办法 看能不能把代码弄出来吧。。。。。。。。
0 请登录后投票
   发表时间:2012-12-12  
apeng1986 写道
var form=Ext.Create('Ext.ux.uploadPanel.UploadPanel',{
     addFileBtnText : '选择文件',
uploadBtnText : '上传',
removeBtnText : '移除所有文件',
cancelBtnText : '取消上传',
upload_url : "./WebForm1.aspx?a="+paramA+"&b="+paramB+"&c="+paramC+"&d=1"//这里的是我定义了三个要传的参数
});
Ext.define('MyApp.upfile',{
extend : 'Ext.window.Window',
alias : 'widget.uploadpanel',closeAction:'hide',//.....
width : 700,
height : 300,
    items:[form]
});

大致是这样的 。。。因为代码在办公室我们公司对代码管控的严,最近几天办公室也上不了网,只是简单的写了一个大致的东西。这个把closeAction改成hide  窗体能正常关闭但是  会出现那个选择文件的button用不了,但是destroy的话就直接关不了






你好 已经解决了  在4.1.1关闭window的时候需要手动去销毁items里面的元素
代码如下

Ext.define('MyApp.common.UpFile', {
    extend: 'Ext.window.Window',
  // closeAction:'hide',
    height: 330,
    width: 730,
    layout: {
        type: 'fit'
    },

    initComponent: function() {
    var me = this;
    var i=0;  
    var form=Ext.create('Ext.ux.uploadPanel.UploadPanel',{
addFileBtnText : '??ゅン...',
uploadBtnText : '?',
removeBtnText : '簿埃┮Τ',
cancelBtnText : '?',
file_size_limit : 10000,
file_upload_limit:1000,
upload_url : "./WebForm1.aspx?a="+namecolum+"&b="+pathcolum+"&c="+_bill+"&d=1"
});
        Ext.applyIf(me, {
     layout : 'fit',
     plain : true,
     title : '?ゅン',
     bodyStyle : 'padding:5px;',
     items : form,
      listeners : {
                        close : {
                                       fn : me.onCloseWin, scope : me
                                    },
                   'beforeclose':function(window,Opts){
                                              window.items.items[0].destroy();
                                              delete window;
                                                     if(Ext.isIE){
                                           CollectGarbage();
                                }   
                       }         
                     }               
        });

        me.callParent(arguments);
    },
   
    onCloseWin:function()
    {
       pWin.UpfileSu();
    },
   

0 请登录后投票
   发表时间:2012-12-16  
楼主 ,给的 ,我这样的 小菜 ,根本不知道如何下手啊。能不能给个 demo 能直接运行的呢。  我们也能直观的学习下,嘻嘻,期待!
0 请登录后投票
   发表时间:2013-01-28   最后修改:2013-01-28
无法保存附件呢?楼主提示一下
0 请登录后投票
   发表时间:2013-01-28  
402235090 写道
无法保存附件呢?楼主提示一下


像普通文件上传一下就可以
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics