2013-08-02 148 views
4

我看到本教程中http://www.rahulsingla.com/blog/2012/03/extjs-3-enabling-multiple-file-uploads-using-textfield#comment-2097EXTJS 4.1 - 多选择并上传文件

我尝试像下面,但我不能选择多个文件进行上传

items: [{ 
     xtype: 'textfield', 
     name: 'name[]', 
     fieldLabel: 'Name', 
     inputType: 'file', 
     fieldLabel: 'Multiple file selection', 
     autoCreate: { tag: 'input', type: 'text', size: '20', autocomplete: 'off', multiple: 'multiple' } 
    }] 

这里是我的代码http://jsfiddle.net/baKxc/
我应该怎么做才能使这项工作谢谢。


编辑: 如果我在this后做。它看起来不错,但我不能在PHP服务器中获取文件。我该怎么办,谢谢

回答

10
{ 
    xtype:'fileField', 
    listeners:{ 
     afterrender:function(cmp){ 
      cmp.fileInputEl.set({ 
       multiple:'multiple' 
      }); 
     } 
    } 
} 
+0

但如何获得所有文件像'change:function(f,value){alert(value);} //这只显示最后一个文件点击那不是全部'?谢谢 – freestyle

+1

如果你有一个新的问题,你应该创建一个新的问题。你不需要看到所有的更改事件发送到服务器。 –

0
+0

我的代码,使用插件和如此复杂我。我想做一个简单的多选择上传工作:( – freestyle

2

的Ext JS的FileField或可以只处理单个文件上传。我会建议使用您的Ext JS应用内纯HTML而不是

items: [{ 
    xtype: 'textfield', 
    html: '<form action="yourUploadUrl" method="post" enctype="multipart/form-data"> <input type="file" name="file" multiple id="files" /> <input type="submit" value="Submit" /></form>' 
    }] 

看到JSFiddle