Обернуть сохраненное в базе данных изображение внутри компонента 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()
});