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

Javascript 多文件上传Extjs 6现代工具包,javascript,extjs,extjs6,sencha-touch-2.3,extjs6-modern,Javascript,Extjs,Extjs6,Sencha Touch 2.3,Extjs6 Modern,我已经在Extjs Classic中完成了多个文件上传,现在我想在现代工具包中实现它,但有一个问题 没有fileButton字段 所以我使用的是filefield,但我不确定如何从filefield中获取文件数据。下面是代码: { xtype: 'fieldset', title: 'Attechments',

我已经在Extjs Classic中完成了多个文件上传,现在我想在现代工具包中实现它,但有一个问题 没有fileButton字段 所以我使用的是filefield,但我不确定如何从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
}

在ExtJS 6经典工具包中:

var file = filefield.fileInputEl.dom.files[0];
在ExtJS 6现代工具包中:

var file = filefield.getComponent().getFiles()[0];
经典演示


ExtJS 6经典工具包中的现代演示:

var file = filefield.fileInputEl.dom.files[0];
在ExtJS 6现代工具包中:

var file = filefield.getComponent().getFiles()[0];
经典演示

现代演示