Ext.create('Ext.form.

Panel', {

title: 'Upload a Photo',

width: 400,

bodyPadding: 10,

frame: true,

renderTo: Ext.getBody(),

items: [{

xtype: 'filefield',

name: 'photo',

fieldLabel: 'Photo',

labelWidth: 50,

msgTarget: 'side',

allowBlank: false,

anchor: '100%',

buttonText: 'Select Photo...'

}],

buttons: [{

text: 'Upload',

handler: function() {

var form = this.up('form').getForm();

if(form.isValid()) {

form.submit({

url: 'photo-upload.php',

waitMsg: 'Uploading your photo...',

success: function(fp, o) {

Ext.Msg.alert('Success', 'Your photo "' + o.result.file + '" has been uploaded.');

});

}
 }]

});

https://docs.sencha.com/ext/6.5.1/classic/Ext.form.field.File.html