jquery - 使用 jQuery 和 Json 显示图像

Question

我有一个包含图像的 HTML 源的数据库。使用 jQuery 和 Json；我想显示图像。这是我为它写的片段，

$(document).ready(function() {
        $("#domainID").click(function() {
            var domain_id = $(this).val();
            $("#picture").html('');
            $.getJSON('/index.php/admin/show_picture/' + domain_id, function(data) {
                img = "<img src=\"https://url/" + data.htmlImageFull + "\" />";
                var items = [];
                $.each(data, function(key, val) {
                    $("#picture").append(data[key].htmlImageFull);
                });
            });
        });
    });

主要的是我将使用与其关联的图像的 ID 检索 html 源。我必须在这里做任何改变吗？我还使用 MySQL 来检查与图像关联的 id。

这是HTML，

<form method="post" action="/index.php/add">
    <p>
        <select name="id" id="id" size="15">
            <option>Select a Domain</option>
            <? foreach ($unmatchedDomains as $row) {
            ?>
            <option value="<?=$row->id?>"><?=$row->domain
                ?></option>
            <? }?>
        </select>
        </td>
        <select name="id" id="id">
            <option style="alignment-adjust: &#x2190;">Select Something</option>
            <? foreach ($some as $row) {
            ?>
            <option value="<?=$row->id?>"><?=$row->name
                ?></option>
            <? }?>
        </select>
        <input type="submit" value="Something" />
        <div id="email_content"></div>
        <div id="picture"></div>
    </p>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
</form>

使用提供的代码进行测试显示没有图片/图像。

Answer 1

您需要将 img 标签附加到图片元素。

$.each(data, function(key, val) {
    $("#picture").append("<img src=\"https://url/" + data[key].htmlImageFull + "\" />");
});