Question

我在 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/
我该怎么做才能让这项工作感谢。

修改： 如果我在this帖子中。它看起来很棒，但我无法在php服务器中获取文件。我该怎么做才能感谢

Answer 1

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

Answer 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

上查看我的代码

Answer 3

你需要设置多个：'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

Extjs 4.1 - 多选和上传文件

3 个答案: