多个文件上传Extjs 6现代工具包

Question

我在Extjs Classic中完成了多个文件上传现在我想在Modern toolkit中实现它但是有问题 没有fileButton字段 所以我使用的是filefield，但是我不确定如何从文件字段中获取文件数据的代码是：

                             {
                                xtype: 'fieldset',
                                title: 'Attechments',
                                reference: 'attachmentfile',
                                padding: 10,
                                layout: {
                                    type: 'vbox',
                                    align: 'stretch'
                                },
                                defaults: {
                                    labelWidth: 130
                                },
                                items: [
                                    {
                                        xtype: 'filefield',
                                        text: 'Attach Files',
                                        name: 'files',
                                        listeners:{
                                            change: 'onFileChange'
                                        }
                                    }
                                ]
                            }

并在Viewcontroller中：

onFileChange: function (field, e, value) {
       // how to get fileField data so that i can upload via ajax and attach //more files options
}

Answer 1

在ExtJS 6 Classic Toolkit中：

var file = filefield.fileInputEl.dom.files[0];

在ExtJS 6 Modern Toolkit中：

var file = filefield.getComponent().getFiles()[0];

经典演示here

现代演示here