上傳後將圖片插入div

嗨，大家好，我使用uploadify腳本將文件上傳到FTP和mySQL庫。你能告訴我如何在沒有網站刷新的情況下將這個上傳的圖像輸入到圖像列表中嗎？上傳後將圖片插入div

下面是一個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文件，但圖像沒有顯示。有人可以幫我弄這個嗎？

來源

2013-10-27 Tom Konski

把'response'中返回的值放在這裏，然後我們可以說出原因。 – MahanGM

您需要追加整個<img>元素而不是URL（假設響應僅返回URL）。

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

來源

2013-10-27 14:05:34

也沒有:( –

你檢查了你的標記後追加回應，是否添加圖像？也許你的方法'show_foto'沒有得到調用。嘗試記錄和調試。 –

好的問題是與url，但它添加圖像到div image_list但沒有foto_div –

上傳後將圖片插入div

回答

相關問題