Question

我有一个脚本，它返回一个图像文件的名称，例如＆＃34; test.png＆＃34;使用jquery函数和调用数据表。

效果很好，并在DIV中显示图像的名称。

我要做的是使用图像文件名并显示实际图像。

我的Jquery是：

function get() {
    $.post('check_image.php', {name: form2.CompanyName.value},
        function(output){
            $('#CompanyImage').html(output).show();
        });
}

这将返回：test.png作为DIV中的文本。

是否可以使用test.png并将其放在img scr之类的表单上;

<img src="test.png" />

我一直试图使用各种方法使其无法成功。

任何人都可以帮忙。非常感谢你的时间。

Answer 1

我知道这可能听起来很愚蠢，但是你得到文件或其网址的名称吗？如果是图片网址，您可以使用：

$("#CompanyImage").html("<img src=\"" + output + "\">");

如果是网址，则根据图片位置不生成网址。例如，如果它与.html位于同一文件夹中，则可以使用以下内容：

var url = window.location.href + "/" + output;

$("#CompanyImage").html("<img src=\"" + url + "\">");

Answer 2

你可以这样解决：

$('body').append(
    $('<img>', {src: output, alt: ''})
);

创建一个新的img - 元素
设置src - 和alt - 属性
将这个新创建的元素附加到DOM中的另一个元素

进一步阅读

jQuery( html [, ownerDocument ] )

<强>演示

Try before buy

使用JQuery调用的结果并使用它来显示基于结果名称的图像

2 个答案: