簡體   English   中英

如何在數據庫中顯示 BLOB 圖像?

[英]How to display BLOB image in database?

我有一個 JSON 編碼數組,我想顯示數據。 有一個標題'varchar',描述'varchar'和learnimage'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>';

            }
        }
    });
});

無論出於何種原因,您的 PHP 都沒有返回有效的 JSON。

只需記錄您的結果,然后查看它。 它可能會回答你的問題。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM