Javascript 多文件上传Extjs 6现代工具包
我已经在Extjs Classic中完成了多个文件上传,现在我想在现代工具包中实现它,但有一个问题 没有fileButton字段 所以我使用的是filefield,但我不确定如何从filefield中获取文件数据。下面是代码: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',
{
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];
经典演示
现代演示