Question

我创建了一个包含项目的面板，我还想为其添加一个图像，这里是代码。（稍后我将此面板添加到新窗口中。）

var frmCar = Ext.create('Ext.form.Panel',{
    bodyPadding: 5,
    frame  : true,
    items    :[
        {
            xtype       : 'textfield',
            fieldLabel  : 'Number: ',
            name        : 'number'
        },,
        {
            xtype       : 'textfield',
            fieldLabel  : 'Model: ',
            name        : 'model'
        },{
            xtype       : 'textfield',
            fieldLabel  : 'Image path: ',
            name        : 'image'
        },
        { xtype: 'image',
          width: 200,
          height: 400,
          src: 'c:/image1.jpg'
        }
    ]
});

面板显示所有元素 - 但不是图像，我做错了什么？另外我想让用户输入图像路径 - 然后我必须用double替换单路径分隔符吗？例如/到这个//？

Answer 1

extJS部分看起来不错。问题可能是，如果从Web服务器运行页面，则无法从硬盘驱动器访问映像。

尝试将图像放在可通过HTTP访问的文件夹中，并使用相对URL而不是文件路径。或尝试使用互联网上的图像（如https://www.google.fr/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png）来测试它是否显示。

无法在extJS中显示图像

1 个答案: