上传后将图片插入div

Question

大家好，我使用 uploadify 脚本将文件上传到 FTP 和 mySQL 库。你能告诉我如何在不刷新网站的情况下将此上传的图像输入图像列表吗？

下面是一个 div sesiosn，它可以将添加的文件的图像列表添加到文章中。

<div id="image_list">

    <?php foreach($fotos as $foto) { ?>
        <div id="foto_div_<?php echo $foto['id]; ?>" class="foto_div" style="width:410px">
            <div style="float:left; overflow:hidden; margin:0px auto; padding:0px;">
                <img src="<?php echo foto_path($foto['name'].'.'.$foto['extension']); ?>" />
            </div>
            <div style="float:right; width:250px; overflow:hidden; padding-bottom:0px;">
                <input type="hidden" name="foto_<?php echo $foto['id']; ?>" id="foto_<?php echo $foto['id']; ?>" value="1" />
                <h3>Tittle</h3> <br /><input style="width:230px"type="text" name="title_foto_<?php echo $foto['id']; ?>" id="title_foto_<?php echo $foto['id']; ?>" value="<?php echo $foto['tittle']; ?>" />
                <br />
                <br />
                <a href="#" onclick="return delete_foto_art(<?php echo $foto['id']; ?>);">
                        <img src="<?php echo base_url();?>images/delete.gif" alt="delete" /> Usuń 
                </a>
            </div>
        </div>
    <?php } ?>        

</div> 

Uploadify 有类似 OnComplete 之类的东西，所以我放了一个我的函数名称，其中一个应该将图像添加到列表中；

function show_foto(event, queueID, fileObj, response)
    {


        $('#image_list').append(response);

    }

作为回应，我得到了一个文件的 url，但没有显示图像。有人可以帮我弄这个吗 ？

Answer 1

您需要附加整个 <img> 元素而不是 URL（假设响应仅返回 URL）。

var $img = $("<img>").attr("src", response);
$('#image_list').append($img);