Как отобразить изображение BLOB в базе данных?

Question

У меня есть кодированный массив JSON, и я хочу отобразить данные. Существует заголовок «varchar», описание «varchar» и обучающий образ «blob». Я хочу показать это мой html, но я получаю сообщение об ошибке. Как отобразить изображение с помощью PHP, JS и HTML? В настоящее время я получаю эту ошибку:

Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at Object.success (learn.js:7)
    at u (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at k (jquery.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery.min.js:2)

HTML

         <div class="resources">

                    <div class="tite"><!--obj.title--></div>
                    <div class="description"><!--obj.description--></div>
                    <div class="learnimage"><!--obj.learnimage--></div>

                <p id="error" class="errormessage"></p>
                <p id="resources" class="postmessage"></p>
         </div>

PHP

<?php

require_once('checklog.php');
require_once("db_connect.php");
require_once("functions.php");

session_start();

// Print out existing tips and articles
$query = "SELECT title, description, learnimage FROM learn ORDER BY title";
$result = mysqli_query($db_server, $query);
if (!$result)
    die("Database access failed: " . mysqli_error($db_server));
while ($row = mysqli_fetch_array($result)) {

    $learn[] = $row; 

}

mysqli_free_result($result);

require_once("db_close.php");

echo json_encode($learn);

?>

JS

$(document).ready(function() {

        $.ajax({
        type: 'GET',
        url: 'learn.php',
        success: function(result) {
            var arr = JSON.parse(result);

                for(var i = 0; i < arr.length; i++) {
                var obj = arr[i];   

                var output = document.getElementById("resources");  

                output.innerHTML += '<div class="comment-container"><div class="title">'+obj.title+'</div><div class="description">'+obj.description+'</div><div class="learnimage">'+obj.learnimage+'</div></div>';

            }
        }
    });
});

Answer 1

По какой-то причине ваш PHP не возвращает действительный JSON.

Просто зарегистрируйте свой результат и посмотрите на него. Это, вероятно, ответит на ваш вопрос.

$.ajax({
    type: 'GET',
    url: 'learn.php',
    success: function(result) {
        console.log(result);
    }
});