Extjs 4.1 - Multi-Select and File Download

Question

I see this tutorial at http://www.rahulsingla.com/blog/2012/03/extjs-3-enabling-multiple-file-uploads-using-textfield#comment-2097

I will try this as below, but I cannot select a multi-file file to upload

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

Here is my code http://jsfiddle.net/baKxc/
What should I do to thank this work.

Edit: If I do in this post. It looks great, but I can not get the file on the php server. How can I work to thank

Answer 1

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

Answer 2

Ext JS fileField can only handle individual file downloads. I would suggest using pure html inside your Ext JS application instead

 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>' }] 

see my JSFiddle code

Answer 3

You need to install several: "several" elements. I'm not sure if it was blinded in your code. See below link working example for reference

http://ext4all.com/post/extjs-4-multiple-file-upload

http://www.rahulsingla.com/blog/2012/03/extjs-3-enabling-multiple-file-uploads-using-textfield

http://htmlpreview.imtqy.com/?https://github.com/werdender/ext4examples/blob/master/fileupload.html