[]
        
在线Demo 免费试用
(Showing Draft Content)

报表内显示Base64格式的图片

1. 概述

1.1 功能概述

报表中的图片元素支持多种来源,包括外部图片、内嵌图片以及数据库中的二进制图片(Image字段),只需绑定相应数据集字段即可;若数据库存储的是Base64格式的字符串,可通过 Convert.FromBase64String 表达式进行转换。

2. 操作步骤

2.1 数据库表设计字符型字段

  1. 下图中的 varchar(MAX) 字段存储的是图片的 Base64 编码数据,可直接用于报表图片绑定。

    164632h3ph3oizeh9pj5gz.png

    type=info

    注意: 图示以 SQL Server 为例,其他数据库需替换等效类型(如 MySQL 用 LONGTEXT)。

2.2 准备Base64字段内容

在实际项目开发中,数据库中的Base64图片字符串通常由程序代码自动生成。如需手动转换图片为Base64格式,可参考以下步骤:

  1. 使用在线图片转Base64工具上传图片文件

  2. 获取类似格式的转换结果:

        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARMAAAGB...
  3. 移除前缀data:image/png;base64,(含末尾逗号)

  4. 将纯Base64字符串存入数据库varchar(MAX)字段,如下图:

    165933geag1mjm7sa7jsmj.png

    type=info

    注意: 除可视化操作外,也可直接通过INSERT语句完成数据写入。

2.3 拖放图片元素到报表

  1. 如下图,在报表设计器,先拖动一个表格组件,绑定数据,然后在表格的最后一个单元格中拖放一个图片元素:

    PixPin_2025-07-08_09-23-25

2.4 设置图片的数据

  1. 选中图片组件,在右侧属性面板可以看到图片的外观属性,主要是设置图片的数据显示属性,如下图:

    PixPin_2025-07-08_09-45-01

  2. 打开外观属性下的图片属性,选择来源数据库

    PixPin_2025-07-08_09-46-16

  3. 为显示美观,选中图片设置大小属性为等比例缩放

    PixPin_2025-07-08_09-55-27

  4. 设置图片数据,单击外观属性下的数据右侧的小方块图标,打开表达式编辑器,输入下面这样的表达式:

    {Convert.FromBase64String(Base64)}

    1)表达式设置,参考下图:

    PixPin_2025-07-08_09-49-31

    2)表达式含义: 该表达式(Convert.FromBase64String)可将Base64字符串转换为二进制图片数据,实现效果如下图:表格第三列显示原始Base64文本,末列的小熊图标即为转换后的实际图片渲染效果。

    PixPin_2025-07-08_09-52-19