EXT JS load content image data into a window

Question

I'm having trouble loading image data into a draggable window using EXT JS.

The link to a process that streams the image file is in the code.

I've tried using

var plotWin = Ext.create('Ext.Window', {
    title: 'Plot',
    width: 600,
    height: 400,
    x: 10,
    y: 200,
    loader : {
                url : "http://209.105.242.30/custom/webimg",
                autoLoad : true,
                renderer : 'data'
            },
    plain: true,
    headerPosition: 'top',
    layout: 'fit',
    items: {
        border: false
    }
});

and then

plotWin.show();

But this does not seem to work.

Answer 1

It looks like that url is cross domain, which means that it's not going to be able to load via ajax. If it's an image, why not just embed it?

var plotWin = Ext.create('Ext.Window', {
    title: 'Plot',
    width: 600,
    height: 400,
    x: 10,
    y: 200,
    plain: true,
    headerPosition: 'top',
    layout: 'fit',
    items: {
        xtype: 'image',
        src: "http://209.105.242.30/custom/webimg"
    }
});