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

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

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

PHP:

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);
        }
   });  
}

函数预览图像（cID）{
var ciCode=window.localStorage.getItem（'ciCode'）；
变量扩展数据=（{'cIDs'：cID，'ciCodes'：ciCode}）；
$.ajax({
键入：“GET”，
url:“../back\u php\u Code/pPrevImages.php”，
数据类型：“json”，
数据：扩展数据，
contentType:'application/json；charset=utf-8'，
成功：功能（响应）{
var单元格=评估（响应）；s
对于（变量i=0；i

我希望有人能在这里帮我做这件事，我已经被困在这一周了。谢谢你和问候

更新：

数据库字段

---

回显您的php结果。将其放在php文件的末尾：

echo json_encode（$json）

要以这种方式显示图像斑点，您应该对斑点进行编码

base64\u编码（$yourBlob）

将其发送回前端，并将其注入img src属性

您没有
echo
从phpy发送任何内容您必须在数据流之前发送正确的标头。@Cid，对不起，先生，这是我的错误，没有在我的代码中注意到它。但是我已经添加了它，并且没有发生任何事情，与以前的状态相同。嗨，先生，如果我已经回显了最终结果，我应该把
base64\u encode
放在哪里？先生，你能把这个答案加在我的密码上吗？谢谢。嗨，先生，在清除我的网络浏览器的缓存之后。这就是我现在得到的。那我该怎么办？在回显modify$json
$json['theBlobFieldName']=base64_encode（$json['theBlobFieldName']）之前，请参阅更新的图像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);
        }
   });  
}