0

Column "picture" in MYSQL have LONGBLOB datatype. JSON parse image to BLOB. I want to use image in image src=""

var selectLapbooks = function () {
    var request = new XMLHttpRequest();
    request.open("GET", "SelectLapbook", false);
    request.send();
    if (request.status === 200) {
        var response = request.responseText;
        var lapbooks = JSON.parse(response);
        var element = document.getElementById("lapbooks");
        element.innerHTML = "";
        for (var i = 0; i < lapbooks.length; i++) {
            var img = new Image();
            img.src = window.URL.createObjectURL(new Blob([lapbooks[i].picture]));
            element.innerHTML +=
                "<a href='#'><img class='card-img-top' src='"+img.src+"' alt=''></a>";
        }
    }
};

enter image description here

Data present in picture

enter image description here

0 Answers0