javascript - 如何在数据库中显示 BLOB 图像?
问题描述
我有一个 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);
}
});
推荐阅读
- java - 在 Spring Jpa Query 中验证参数的最小长度
- windows - taskkill 后阻止或关闭 Windows 弹出窗口
- python - 使用多个适合图像制作图像立方体
- cmake - 如何在 valgrind 中抑制 GOT 的“无效读取”警告?
- ios - Swift - 如何从枚举变量中获取枚举 case 参数?
- unity3d - 如何在 unity3D 中将顶点数据绑定到 GLSL?
- python - 同时用单个值替换字符串列表
- c# - 为什么我的 DataGridCell 拒绝每个输入?
- python - MSER 文本检测问题
- karate - 空手道 0.9.1 不生成用于黄瓜报告的 cucumber.json