extjs图片上传控件

Ext.create('Ext.form.Panel', {
    title: '图片上传',
    width: 400,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [{
        xtype: 'filefield',
        name: 'photo',
        fieldLabel: '照片',
        labelWidth: 50,
        msgTarget: 'side',
        allowBlank: false,
        anchor: '100%',
        buttonText: '选择文件'
    }, {
        xtype: 'button',
        text: '上传',
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    url: 'upload.php', // 后端处理上传的脚本
                    waitMsg: '正在上传文件...',
                    success: function(form, action) {
                        Ext.Msg.alert('成功', '文件上传成功！');
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('失败', '文件上传失败，请重试！');
                    }
                });
            }
        }
    }]
});