将数据库存储的图像包装在Ext.Img组件中

Question

所以我在我的数据库中存储了一些图像。它们作为BLOB保留，而不是作为物理位置的路径。我可以通过以下方式访问它们：http://example.com/data/pageMedia?id=%someId%。

但是当我想将图像包装在Ext.Img中时：

Ext.create('Ext.Img', {
    src: 'http://example.com/data/pageMedia?id=' + someId,
    renderTo: Ext.getBody()
});

它不会渲染图像。

但它适用于纯HTML，但是：

<img src="http://example.com/data/pageMedia?id=%someId%"/>

我是否应该使用Ajax请求或其他内容并动态设置src？

Answer 1

这是一个有效的例子：

 Ext.create('Ext.Img',{
      src : 'Gallery/GetImage/' + imageId,
      renderTo: 'cat-img' // in your case Ext.getBody()
 });

请注意我是如何创建图片网址的。如果你是someId是一个js变量并且没有硬编码，你将不得不写：

Ext.create('Ext.Img',{
    src : 'http://mysite.com/data/pageMedia?id='+someId,
    renderTo: Ext.getBody()
});