如何在Grafana中可视化来自SQL Server的图片？

Grafana无法直接解析SQL Server返回的二进制图片数据，你需要先把varbinary(max)类型的图片数据转换成Base64编码格式，再让Grafana通过HTML方式渲染。

修改SQL查询语句 #

针对SQL Server，使用以下查询将二进制图片转为带Data URI前缀的Base64字符串：

SELECT 
    'data:image/png;base64,' + CAST(N'' AS XML).value('xs:base64Binary(sql:column("c_img"))', 'VARCHAR(MAX)') AS img_data
FROM tbl_test 
WHERE c_id = 8

注意：根据你存储的图片实际格式修改image/png部分，比如JPG图片改成image/jpeg，GIF改成image/gif。

在Grafana中配置显示 #

方法1：使用Text面板 #

1. 添加一个Text面板，将Content Mode设置为HTML
2. 在面板内容中引用查询返回的img_data字段，写法如下：

<img src="{{img_data}}" />

或者直接写{{img_data}}，Grafana会自动识别Data URI并渲染图片。

方法2：使用Table面板（可选） #

如果需要在表格中展示图片，可将Table面板的对应列格式设置为HTML，同样用<img src="{{img_data}}" />来渲染。

注意事项 #

• 确保SQL Server中存储的varbinary(max)数据是完整的图片字节流，没有损坏
• 大图片转Base64后会生成较长字符串，若Grafana返回结果截断，可调整Grafana的查询结果长度限制配置

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