James.Lv 发表于 2021-10-27 11:30:28

图片元素的用法

在报表设计中经常会有使用图片的场景,比如报表的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/{图片名称}


附件为示例报表模板



页: [1]
查看完整版本: 图片元素的用法