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 + "\" />");
});

使用jQuery和Json显示图像

1 个答案: