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

【问题标题】：Get GD image from multiple input text从多个输入文本中获取 GD 图像
【发布时间】：2012-12-23 03:52:42
【问题描述】：

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

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

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

这里是 JavaScript：

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

And here's a jsFiddle.

【问题讨论】：

标签： jquery forms gd

【解决方案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('&lt;img src="imagecreator.php?param=' + $('input[name=username1]').val() + '&amp;param='+ $('input[name=username2]').val() +    '" /&gt;');
    });
});

【讨论】：

还有一个问题。由于加载外部 GD 图像需要相当长的时间，如何在进程抓取外部图像时添加加载 gif？
将背景样式设置为加载的 GIF 并强制它具有特定的大小。当图像加载时，它将覆盖背景。