2013-08-02 75 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