如何将 src 从服务器加载到 xtype: image

Posted

技术标签:

【中文标题】如何将 src 从服务器加载到 xtype: image【英文标题】:How to load src from server to xtype: image 【发布时间】:2013-09-18 01:41:00 【问题描述】:

我有一个 xtype image 喜欢

 items: [

    xtype: 'image',
    name: 'img',
    src: '#',
    flex: 1
]

我从服务器 (php) 加载数据,例如

Mypanel.down('form').getForm().load( 
...
);

和服务器一样

$temp['img'] = mysqli_real_escape_string($connect,"http://www.sencha.com/assets/images/sencha-avatar-64x64.png");
$results['success'] = true;
$results['data'] = $temp;
print json_encode($results);

除了xtype='image' 之外的一切都正常工作。

如何将 src 从服务器加载到xtype: image 谢谢

【问题讨论】:

图片没有混入Ext.form.field.Field,所以它不被识别为一个字段。您需要手动调用setSrc 你为什么不把它作为答案发布? 【参考方案1】:

埃文已经在评论中提到过。您可以在加载表单时设置imagesrc,即在表单事件actioncomplete上。

这就是我在代码中的做法:

actioncomplete: function(form, action) 
    // get image component by querying it and set src
    this.queryById('user-image').setSrc(action.result.data.userImage);

【讨论】:

以上是关于如何将 src 从服务器加载到 xtype: image的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS:如何使用别名/xtype 来引用其他组件

如何使用 php gd 库加载动态图像,不将其保存在服务器上或使用 src="script.php"?

Webpack 的文件加载器在生产过程中不会将图像从 /src 复制到 /dist

nvue- 加载本地图片

如何在一个页面上加载具有相同 src 的多个 iframe

如何将 uint8_t *src 加载到 uint16x8_t