0

大家好,我使用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,但没有显示图像。有人可以帮我弄这个吗 ?

4

1 回答 1

1

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

var $img = $("<img>").attr("src", response);
$('#image_list').append($img);
于 2013-10-27T14:05:34.213 回答