将数据库 php 中的 base64 图像回显到 infowindow 谷歌地图输出

Question

我的网站项目有问题。我已经在我的在线 mySQL 数据库中存储了 base64 图像字符串，我根据相应的数组将其与其他数据一起存储在其中。我想在 Google Maps InfoWindow 中显示图片。不幸的是，当点击谷歌地图中的标记时，只有图像不会显示在信息窗口中。

我曾尝试在编码中输入 header('Content-Type: image/jpeg') ，但结果使网站变成了一个黑色空白网站。

var infoWindowContent = [
    <?php 
    if($result2->num_rows > 0){
        while($row = $result2->fetch_assoc()){ ?>
            ['<div class="info_content">' +
            '<h3>ID : <?php echo $row['id']; ?></h3>' +
            '<p> Latitude : <?php echo $row['latitude']; ?></p>'+
            '<p> Longitude : <?php echo $row['longitude']; ?></p>'+
            '<p> Type of distress: <?php echo $row['typeofdistress']; ?></p>'+
            '<p> Measurement : <?php echo $row['measurement']; ?></p>'+
            '<p> Depth : <?php echo $row['depth']; ?></p>'+
            '<p> Severity Level : <?php echo $row['severitylevel']; ?></p>'+
            '<p> Solution : <?php echo $row['solution']; ?></p>'+ 
            '<p> Image : </p>'+'<?php header('Content-Type: image/jpeg'); echo '<img src="data:image/jpeg;base64,' .base64_encode($row['image']). '" />'; ?>'+'</div>'],
    <?php }
    }
    ?>
];

下面是我的 InfoWindow 的 sn-p Click here

Answer 1

如果你的图片数据已经在数据库中进行了base64编码，那么你就不需要重新编码了。

echo '<img src="data:image/jpeg;base64,' .$row['image']. '" />';