5

このチュートリアルはhttp://www.rahulsingla.com/blog/2012/03/extjs-3-enabling-multiple-file-uploads-using-textfield#comment-2097にあります

以下のように試してみましたが、アップロードする複数のファイルを選択できません

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/
その作業を行うにはどうすればよいですか。


編集:この投稿 で行う場合。良さそうに見えますが、php サーバーでファイルを取得できません。どうすれば仕事ができますか

4

3 に答える 3

11
{
    xtype:'fileField',
    listeners:{
        afterrender:function(cmp){
            cmp.fileInputEl.set({
                multiple:'multiple'
            });
        }
    }
}
于 2013-08-09T07:19:49.407 に答える
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で私のコードを参照してください

于 2013-08-10T09:32:26.417 に答える
0

要素に multiple: 'multiple' を設定する必要があります。あなたのコードで盲目にされているかどうかはわかりません。参照用に以下の作業例のリンクを参照してください

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.github.io/?https://github.com/werdender/ext4examples/blob/master/fileupload.html

于 2013-08-02T12:06:41.387 に答える