如何通過ajax上傳圖片後的圖片？

Question

我已經通過ajax上傳了一些照片。那麼響應是json編碼的圖像名稱。 我要查看圖片後上傳迫在眉睫試圖proccess.I've此：

JS：已修改

$('#upload-form').ajaxForm({ 
     success: function(data) { 
      $(".loader").hide(); 
      $("#status").html(""); 
      $.each(data, function(index, item) { 
       $("#status").append("<img src='<?php echo base_url()."assets/img/"; ?>" + item.name +"' />"); 
      }); 
      return false; 
     }, 
     complete: function(xhr) { 
      $(".loader").hide(); 
      return false; 
     }, 
     error : function(xhr) { 
       $("#status").html(xhr.responseText); 
       $(".loader").hide(); 
     } 
    }); 

但仍沒有運氣。我怎樣才能做到這一點？

Answer 1

試圖修復代碼...

我想給ajaxForm是某種形式的插件，並XHR的作品，你認爲它

無需兩個迴路，並且不需要中間陣列，您可以直接創建圖像節點。

var baseUrl = "<?php echo base_url(); ?>" + "assets/img/"; 

$('#upload-form').ajaxForm({ 
    success: function(xhr) { 
     $(".loader").hide(); 
     $("#status").html(""); 
     var images = ""; 
     $.each(xhr, function(index, item) { 
      images += "<img src='"+ baseUrl + item.name + "' />"; 
     }); 
     $("#status").append(images); 
     return false; 
    }, 
    complete: function(xhr) { 
     $(".loader").hide(); 
     return false; 
    }, 
    error : function(xhr) { 
      $("#status").html(xhr.responseText); 
      $(".loader").hide(); 
    } 
});