显示来自xml的图片-网址太长

Question

我有一个存储在数据库中的图像，数据类型为longblob，并且想要在页面上显示它。 我正在用php访问数据库，然后创建一个XML文件供JavaScript处理。

我已经可以正常工作了，但是却收到一个错误消息，说图像的网址太长。

这是我的代码-
PHP

$sql = "SELECT image1 FROM $dbtable";
$result = mysqli_query($con, $sql);

echo '<?xml version="1.0" encoding="ISO-8859-1"?><Photos>';

while($row = mysqli_fetch_assoc($result)) {
$img = '"data:image/jpeg;base64,'.base64_encode($row['image1'] ).'" 
height="100" width="100"';
   echo "<photo>";
   echo "<image>$img</image>";
   echo "</photo>";
}
echo "</Photos>";

mysqli_free_result($result);
mysqli_close($con);
?>

JavaScript的

function getBookResponse() {
    if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            var response = xhr.responseXML;

            var theBooksDiv = document.getElementById("theBooksDiv");
            theBooksDiv.innerHTML = "";

            for (var i = 0; i < response.getElementsByTagName('photo').length; i++) {

                var bookDiv = document.createElement("div");
                bookDiv.classList.add("aBookDiv");

                var imageValueString = response.getElementsByTagName('image')[i].firstChild.nodeValue;
                var imageValueTag = createTagFromData("img");
                imageValueTag.classList.add("bookImage");
                imageValueTag.src = imageValueString;

                theBooksDiv.appendChild(bookDiv);
                bookDiv.appendChild(imageValueTag);

            }
        }
    }
}

这就是浏览器中显示的内容

我觉得这与base64编码有关，所以还有其他方法可以做到这一点吗？

Answer 1

从那以后，我意识到将图像上传到站点的“图像”文件夹并从那里显示它们比将它们放置到数据库中要容易得多。

我找到了可以帮助其他人解决此问题的教程 。