如何通过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(); 
    } 
});