找回密码
 立即注册

QQ登录

只需一步,快速开始

James.Lv 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-10-27 11:30  /   查看:1830  /  回复:0
在报表设计中经常会有使用图片的场景,比如报表的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/{图片名称}


附件为示例报表模板



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部