JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="es-carousel"></ul>

JavaScript

/* only one image*/
data = {
    "success": true,
        "imageInfo": {
        "name": "A",
            "disc": "1st image",
            "imageid": 1,
            "albumid": 1,
            "thumbarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABkC‌​AIAAAD/gAIDAA.....CYII=",
            "fullarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABk.....ORK5CY‌​II="
    }
};

if (data.success) {
    $('ul.es-carousel').append('<li>' + data.imageInfo.name + '<a href="#"><img src="data:image/png;base64,' + data.imageInfo.thumbarray + '" alt="' + data.imageInfo.disc + '"/></a></li>');
}

/*multiple images*/
data = {
    "success": true,
        "imageInfo": [{
        "name": "A",
            "disc": "1st image",
            "imageid": 1,
            "albumid": 1,
            "thumbarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABkC‌​AIAAAD/gAIDAA.....CYII=",
            "fullarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABk.....ORK5CY‌​II="
    }, {
        "name": "B",
            "disc": "2nd image",
            "imageid": 2,
            "albumid": 2,
            "thumbarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABkC‌​AIAAAD/gAIDAA.....CYII=",
            "fullarray": "iVBORw0KGgoAAAANSUhEUgAAAGQAAABk.....ORK5CY‌​II="
    }]
};

if (data.success) {
    $.each(data.imageInfo, function (i, item) {
        $('ul.es-carousel').append('<li>' + item.name + '<a href="#"><img src="data:image/png;base64,' + item.thumbarray + '" alt="' + item.disc + '"/></a></li>');
    });
}