将数据库存储的图像包装在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() 
}); 

注意我是如何创造我的图片URL。如果你someId是一个js变量，而不是硬编码，你将不得不写：

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