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>

上传有像OnComplete这样的东西，所以我把我的功能名称放在那里，应该将图像添加到列表中;

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


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

    }

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

Answer 1

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

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

上传后将图像插入div

1 个答案: