EXTJS：如何在表单中插入图像

Posted 2023-02-26

【中文标题】EXTJS：如何在表单中插入图像

【英文标题】：EXTJS : how to insert images in a form

【发布时间】：2012-10-24 19:52:07

【问题描述】：

我在将图像插入表单时遇到问题。图像的地址托管在数据库中，我必须通过 JSON 动态加载。我在 php 中使用过 JSON。 我留下了一张照片，它成功了，但不是动态的。

inserting images into a form

还留下了实现加载图片到表单的代码。它参考了我必须动态执行的操作

fieldLabel  : 'Icono',
xtype   : 'panel',
id      : 'panelIcon',
width: 400,
height: 48,
value: 'valorIdIcon',
autoScroll:true,
layout: 
    type: 'table',
    columns: 15
    ,
 defaults: 
    // applied to each contained panel
    bodyStyle:'background-color:#0099FF',
    style: 'border-color:#b5b8c8'
    ,
items: 
    [
        id: 'acces.jpg',
        width: 32,
        html: '<img src="../../Images/IconSelect/acces.jpg" onclick="javascript:verID(this);"/>',
        listeners:
            render: function(e) 
            e.body.on('click',function()
            valorIdIcon = e.body.parent().parent().id;
            );
                                                    ,
    
                                            ,

有人帮帮我吗？谢谢你！

【参考方案1】：

我用 PHP 从服务器端完成了它，从 PHP 编写代码并返回到前端并做了一个eval()。

【讨论】：

即使它有效，使用 eval() 也是个坏主意。我建议您将图像 URL 发送到客户端，然后在 Javascript 中查看该列表，并为每个图像创建并 附加一个 onclick 事件。

eval() 有任何安全问题，但 *. jpgs 位于我的服务器中，需要加载位于文件夹中的任何 *.jpgs 并使 JSON 合适。感谢您的建议