如何在PHP中为数据库BLOB图片动态设置data:image/对应的文件类型？

问题根因 #

1. 第一种双引号嵌套数组的写法报错，不是HTML的src属性双引号冲突导致的，是PHP本身的语法规则限制：在双引号包裹的字符串中直接插入多维关联数组时，需要用大括号{}包裹数组变量，否则PHP解析器无法正确识别数组结构，就会抛出Cannot use '[]' for reading错误。
2. 第二种单引号拼接的写法本身语法没有问题，没有生效的核心原因是你存储的$images['monitor']['extension']大概率是文件后缀名（比如ico、png），而非MIME类型的对应片段，直接拼接会生成不符合标准的image/ico格式，而ico格式的正确MIME类型是image/x-icon，自然会加载失败。

可行解决方案 #

方案1（最稳妥，推荐）：提前配置后缀到MIME类型的映射

避免后缀和MIME不匹配的问题，兼容所有格式：

<?php
// 配置你用到的所有图片格式的后缀对应MIME映射
$mimeMap = [
    'jpg' => 'image/jpeg',
    'jpeg' => 'image/jpeg',
    'png' => 'image/png',
    'gif' => 'image/gif',
    'webp' => 'image/webp',
    'ico' => 'image/x-icon',
    'svg' => 'image/svg+xml'
];
// 读取扩展名，匹配对应MIME，加兜底逻辑避免未定义格式报错
$currentExt = strtolower($images['monitor']['extension']);
$currentMime = isset($mimeMap[$currentExt]) ? $mimeMap[$currentExt] : 'image/jpeg';
?>
<!-- 输出图片标签 -->
<img src="<?php echo $currentMime . ';base64,' . base64_encode($image); ?>" alt="Monitor" width="150px">

方案2（仅适合已存储正确MIME片段的场景）：修正双引号写法

如果你确认$images['monitor']['extension']存储的就是MIME类型中image/后的片段（比如x-icon而非ico），直接给数组加大括号即可解决报错：

<img src="<?php echo "data:image/{$images['monitor']['extension']};base64,".base64_encode($image)?>" alt="Landing" width="150px">

调试技巧 #

如果还是无法正常加载，可以先单独输出echo $images['monitor']['extension']和拼接完成的整个src字符串，确认字段值没有多余空格、特殊字符，格式符合data:MIME类型;base64,编码内容的标准即可。

内容的提问来源于stack exchange，提问作者541daw35d