通過ajax上傳圖像后如何加載圖像？

Question

我已經通過ajax上傳了一些照片。 那么響應就是json編碼的圖像名稱。 我想在上傳過程后立即查看圖片。我已經嘗試過：

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();
    }
});