javascript - 使用php和javascript显示插入mysql的图像？

Question

我正在尝试显示插入到我的数据库中的具有 longblob 数据类型的图像。但它实际上并没有返回预期的输出。我的表格上没有显示任何图像。这就是我在 php 脚本上得到的。

此外，这是我正在使用的代码:

PHP:

<?php
    include_once('pConfig.php');
    if (!isset($cID)){
        $cID = filter_input(INPUT_GET, "cIDs");
    }   
    if (!isset($ciCODe)){
        $ciCode = filter_input(INPUT_GET, "ciCodes");
    }
    $stmt = $db->prepare("SELECT * FROM ci_images WHERE ci_ID = ? AND ciCode = ?");
    $stmt->bind_param('is', $cID , $ciCode);
    $stmt->execute();
    $result = $stmt->get_result();
    if (!$result) {
        printf("Error: %s\n", mysqli_error($db));
        exit();
    }
    $json = mysqli_fetch_all($result, MYSQLI_ASSOC);
?>

JavaScript:

function previewImages(cID){
        var ciCode = window.localStorage.getItem('ciCode');
        var xdata = ({'cIDs': cID, 'ciCodes': ciCode });
        $.ajax({
        type: 'GET',
        url: '../back_php_Code/pPrevImages.php',
        dataType: 'json',
        data: xdata,
        contentType: 'application/json; charset=utf-8',
        success: function (response) {
                var cells = eval(response);s
              for (var i=0; i < cells.length ; i ++){
                    $('#iSet').append('<div class="col-lg-4 col-sm-6">'
                    + '<div class="thumbnail">'
                    + '<div class="thumb">'
                    + '<a href="'+ cells[i].Image + '" data-lightbox="9" data-title="' + cells[i].Title + '">'
                    + '<img src="'+ cells[i].Image + '" alt="" class="img-fluid img-thumbnail">'
                    + '</a>'
                    + '</div></div></div>');            
            }
        },
         error: function (error) {
            console.log(error);
        }
   });  
}

我希望有人能帮我解决这个问题，我已经坚持了一个星期了。谢谢你和问候

更新:

数据库字段

Answer 1

回显您的 php 结果。把它放在 php 文件的末尾:

echo json_encode($json);

要以您尝试的方式显示图像 blob，您应该对 blob 进行编码

base64_encode($yourBlob)

将其发送回您的前端并将其注入(inject) img src 属性。

<img src="data:image/jpeg;base64,' + dataEncoded + '>