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

Question

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

我已经完成了 Ext.Img 的所有事件，但没有得到要注册的正确事件。有没有人知道找出图像的宽度和高度。

谢谢塔帕斯维尼

Answer 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/（见控制台）