图片元素的用法

登录

在报表设计中经常会有使用图片的场景，比如报表的logo，**等票据的印章，产品清单类报表中的产品图片等等。
ARJS报表设计器中，图片元素就是用于在报表中显示图片信息的。
图片元素可以直接拖放到报表设计区中，也可以嵌套到表格，容器等组件中进行使用，如下图：

图片元素的属性，主要是【外观】，点击【图片】属性右侧的展开图标时，可以看到图片更多的属性设置，如下图：

点击【图片】的下拉箭头时，可以选择3中类型的图片，如下图：

1.共享图片
这个目前没有用

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

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

3.数据库图片
数据库图片指的是可以选择绑定您数据集的字段，您数据集字段可以是图片的URL，也可以是图片的base内容。如下图：

当数据集字段存储的是图片的URL时，那么还需要选择下方的属性，将【来源】属性设置为【外部】，如下图：

预览即可看到效果

4.图片URL地址
当然图片除了上面的几种方式外，也可以直接绑定固定的URL，或者动态的URL结合数据集字段一起使用，使用方法：
a.设置【来源】属性为【外部】
b.设置【数据】属性为一个固定的URL地址

【数据】可以是固定的URL地址，也可以是动态的URL地址结合数据集字段进行拼接，这样就可以在数据集中只保存图片的文件名，URL中固定域名等内容在用表达式，串在文件名前面。
例如：https://tp.youmelive.com/uploads/2021/02/08/{图片名称}

附件为示例报表模板

		自动登录	找回密码
密码			立即注册

图片元素的用法

本帖子中包含更多资源

0 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人