Javascript SetSrc不起作用

您好，我正在使用此代码预览选中后的图像，但我得到以下信息：

未捕获的TypeError:无法读取未定义的属性“setSrc” 在FileReader.reader.onload FdatosTrabajador.js？_dc=1519840212167:405

你知道如何解决这个问题吗

更改以下行

                    {                           
                        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'                            
                    },

到

---

Fiddle示例：

为什么要标记php？可能的重复项是您自己的，您可以在这里看到您的错误。更改后，我得到相同的错误。设置rcevt.target.result；这是说不能正确阅读的部分，实际上，我使用的是ExtJS4.2.x，我不知道这是否会导致一些问题，因为您在ExtJS5.1.4中使用了它。我对编码非常陌生，如果我说的是愚蠢的话，那么很抱歉

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

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