功能概述

报表中有很多需要使用图片的场景，比如报表顶部的Logo图片，又如产品清单类报表中的产品图片。

图片组件就是用于在报表中显示图片。

图片组件可以直接在报表中使用，也可以在表格单元格内使用。并且图片允许您使用系统内部的共享图片、外部图片资源、数据库中的图片资源。

本节为您介绍图片的常用设置及操作方法。

操作示例

1. 添加图片组件

在工具箱中，通过单击鼠标左键或拖拽的方式将图片组件添加到设计区中。

也可以将其拖拽到表格单元格中。

2. 设置图片来源

选中图片组件，在属性设置中找到图片属性，可设置图片的来源。

1）共享图片

共享图片是指系统门户页面中的图片，如下图：

2）内嵌图片

内嵌图片是指上传的图片文件，仅供本报表自己使用，如下图：

点击加载，可选择本地图片文件，上传后再单击选择，即可在图片元素内显示上传的图片。

此处可以使用在报表全局设置中上传的内嵌图片。

3）外部数据和数据库图片(二进制图片/Base64 data URL/外部URL)

如使用数据库图片或外部图片，则需先展开图片设置项目。

我们首先来看来源 属性。

单击下拉箭头可以看到图片的来源有三种，分别是：外部、内嵌和数据库。

使用数据库二进制图片数据

数据库图片是指数据集的 Image 类型字段所保存的二进制图片。

如需使用数据库中的 Image 类型字段，则需绑定图片字段。

Base 64 data URL 与外部URL

如数据集字段不是 Image 类型，而是字符型，内容是图片的 URL 地址，那么应将图片来源设置为外部，然后绑定图片字段（Base 64 data URL 与外部URL）。

如上设置后，预览可见图片。

我们看到图片没有显示完整，这是因为图片在表格中下显示不全，被剪切了。

接下来设置图片的显示属性，使其居中对齐，等比缩放即可。

type=info

提示

任意一个图片的 URL 地址，都可以作为图片元素的图片源，方法是：

（a）设置来源为外部；

（b）设置图片为一个图片的 URL 网址，如下图：

图片的 URL 可以是一个固定的网址，如：https://www.grapecity.com.cn/ima...mpany_QRcode_90.jpg

也可以是一个字符串拼接的表达式，如：http://xx.xx.com/.../{xxx.ToString()}

这样可以在数据库字段中仅保存图片文件名，URL 中固定的域名等内容在用表达式，串在文件名前面。

3. 图片属性设置

设置完成后，预览。

如需进行进一步调整，可选中图片，可对其进行更多的细节设置。

常用属性介绍