如何将Blazor中HTML img标签的图片添加到RDLC生成的PDF文件内

• 首先配置RDLC报表控件
  打开RDLC设计界面，插入图像报表控件，在控件属性中设置：
  • 图像源选择 Database
  • MIME类型选择和你二维码匹配的格式，常用为image/png
  • 字段值绑定到你传入数据集的对应Base64字段
• 处理Base64前缀
  你前端HTML中@data.QRCodeBase64通常会带data:image/xxx;base64,的协议头，RDLC无法直接识别带前缀的内容，需要先去掉前缀再存入RDLC数据集，示例处理代码：

  // 适配png、jpg两种常见格式的前缀
  string qrPureBase64 = data.QRCodeBase64
      .Replace("data:image/png;base64,", string.Empty)
      .Replace("data:image/jpeg;base64,", string.Empty);
  // 将qrPureBase64赋值给RDLC数据集的对应字段即可
  

• 渲染验证
  生成PDF前确认传入RDLC的数据集名称、字段名称和报表内绑定的配置完全一致，大小写匹配即可正常渲染图片。

常见不显示问题排查 #

• 检查Base64内容是否完整，没有被接口或者存储逻辑截断
• 确认RDLC中设置的MIME类型和图片实际格式匹配
• 不要给纯Base64内容添加多余的转义字符、引号等额外内容

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