Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JSON二进制数据映像_Javascript_Java_Json - Fatal编程技术网

Javascript JSON二进制数据映像

Javascript JSON二进制数据映像,javascript,java,json,Javascript,Java,Json,MYSQL中的“picture”列具有LONGBLOB数据类型。 JSON将图像解析为BLOB。我想在image src=“”中使用image var selectLapbooks=函数(){ var request=new XMLHttpRequest(); 请求。打开(“获取”、“选择笔记本”,false); request.send(); 如果(request.status==200){ var response=request.responseText; var lapbooks=JSO

MYSQL中的“picture”列具有LONGBLOB数据类型。 JSON将图像解析为BLOB。我想在image src=“”中使用image

var selectLapbooks=函数(){
var request=new XMLHttpRequest();
请求。打开(“获取”、“选择笔记本”,false);
request.send();
如果(request.status==200){
var response=request.responseText;
var lapbooks=JSON.parse(响应);
var元素=document.getElementById(“笔记本”);
element.innerHTML=“”;
对于(var i=0;i

图片中显示的数据


检查此项-添加一些您所做或尝试过的代码
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>";
        }
    }
};