从多个输入文本中获取 GD 图像

Posted 2023-02-25

【中文标题】从多个输入文本中获取 GD 图像

【英文标题】：Get GD image from multiple input text

【发布时间】：2012-12-23 03:52:42

【问题描述】：

我目前有一个 GD 图像，它从我希望发送的表单中获取输入，而无需刷新页面。

我目前有 1 个错误，但我无法弄清楚。

我以前没有使用过 jQuery，但我查看了所有 .val 文档并尝试在其他地方寻求帮助，但没有成功。

这里是 javascript：

$(function() 
    $('button').click(function()          
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '"&param="'+ $('input[name=username2]').val() +    '" />');
    );
);​

And here's a jsFiddle.

【参考方案1】：

你不需要转义html标签，小心引号。

试试：

$(function() 
    $('button').click(function()          
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '&param='+ $('input[name=username2]').val() +    '" />');
    );
);​

请注意：您有两个参数名称均为param，最后一个将覆盖第一个。

【讨论】：

还有一个问题。由于加载外部 GD 图像需要相当长的时间，如何在进程抓取外部图像时添加加载 gif？

【参考方案2】：

试试这个：

$(function() 
    $('button').click(function()          
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '&param='+ $('input[name=username2]').val() +    '" />');
    );
);​

【讨论】：

还有一个问题。由于加载外部 GD 图像需要相当长的时间，如何在进程抓取外部图像时添加加载 gif？

将背景样式设置为加载的 GIF 并强制它具有特定的大小。当图像加载时，它将覆盖背景。