如何从ExtJs中的远程位置获取图像的宽度和高度

时间:2013-11-13 12:55:22

标签: extjs

我用Ext.create创建了一个'Ext.Img',并为src属性分配了一个远程url。现在我想知道远程位置图像的宽度和高度。

我已经完成了Ext.Img的所有事件,但没有得到哪个是正确的注册事件。是否有人想知道图像的宽度和高度。

由于 Tapaswini

1 个答案:

答案 0 :(得分:1)

试试这个:

Ext.onReady(function() {
    Ext.create('Ext.Img', {
        src: 'http://www.davey.com/elements/skin/home_tree.png',
        /*style: 'visibility: hidden;',*/
        listeners: {
            render: function() {
                this.mon(this.getEl(), 'load', function(e) {
                    console.log(this.getWidth());
                    console.log(this.getHeight());
                });
            }
        },
        renderTo: Ext.getBody()
    });
});

请注意,必须渲染图像组件,并且还应显示该组件。否则你将获得0x0维度。您可以使用visibility:hidden隐藏它。

工作样本:http://jsfiddle.net/U769Y/(见控制台)