Extjs 4.1 - 多选和上传文件答案

【问题标题】：Extjs 4.1 - Multi select and upload fileExtjs 4.1 - 多选和上传文件
【发布时间】：2013-08-02 07:29:46
【问题描述】：

我在 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 服务器中获取文件。我该怎么办呢谢谢

【问题讨论】：

标签： extjs extjs4.1

【解决方案1】：

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

【讨论】：

但是如何获取像change: function(f, value){alert(value);}// this only show last file click that's not all 这样的所有文件？谢谢
如果你有一个新问题，你应该创建一个新问题。您无需查看所有更改事件即可将它们发送到服务器。

【解决方案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上查看我的代码

【讨论】：

【解决方案3】：

您需要将 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

【讨论】：

使用插件对我来说太复杂了。我想做一个简单的多选来上传工作:(