如何在Superset仪表板正常添加图片？HTML代码上传失败求助

DevOps 小满

2026-6-22

Superset仪表板插入图片的解决办法

排查&修复步骤

确认图片URL有效性
不要保留{{Image URL}}这类占位符，替换为可公开访问的完整URL（例如https://xxx.com/your-image.png）。本地图片无法直接使用，需上传至Superset服务器可访问的云存储或静态资源服务，确保浏览器能直接打开该URL。
修正HTML代码格式
直接使用标准<img>标签即可，无需多余转义：
```
<img src="https://实际图片地址.png" width="300" height="200">
```
将宽度、高度替换为你需要的数值。
检查内容安全策略（CSP）限制
若图片来自外部域名，Superset的CSP规则可能会阻止加载。需在superset_config.py配置文件中修改CONTENT_SECURITY_POLICY，将图片域名添加到img-src规则里：
```
CONTENT_SECURITY_POLICY = {
    "default-src": "'self'",
    "img-src": "'self' https://你的图片域名.com data:",
    # 保留其他原有规则
}
```
修改完成后重启Superset服务生效。
使用官方内置Image组件（更稳定）
无需在文本区域手写HTML，直接在仪表板编辑界面添加Image组件，通过组件配置页面输入图片URL或上传本地图片，这种官方原生方式兼容性更好。