Set Src不起作用

Question

                    {                           
                        xtype: 'filefield',
                        x: 120,
                        y: 130,
                        width: 490,
                        //buttonOnly: true,
                        name: 'rutas',
                        itemId: 'rutas',
                        labelWidth: 90,                                                       
                        fieldLabel: 'Buscar Foto',  
                        listeners: {
                        'change': function (newVal) {
                            var file = newVal.fileInputEl.el.dom.files[0];
                            var reader = new FileReader();
                            console.log(reader);
                            reader.readAsDataURL(file);
                            reader.onload = function (evt) {
                                var image = Ext.getCmp("imageid");
                                image.setSrc(evt.target.result);
                            }
                        }                
                    }
                    },

                    {
                        xtype: 'image',
                        x: 20,
                        y: 5,
                        itemId: 'imageid',
                        style: "border: 1px solid black",
                        minHeight: 90,
                        width: 65,
                        height: 'auto',
                        //src: 'img/trabajador.jpg'                            
                    },

您好，我使用此代码在选中后预览图像，但我得到了这个：

未捕获的TypeError：无法在FileReader.reader.onload中读取未定义的属性'setSrc'（FdatosTrabajador.js？_dc = 1519840212167：405）。

有关如何解决这个问题的任何想法？

Answer 1

改变以下行

var image = Ext.getCmp("imageid");

至

var image = Ext.ComponentQuery.query("[itemId=imageid]")[0];

示例小提琴：https://fiddle.sencha.com/#view/editor&fiddle/2ds8