中数据库url怎么写_各种图片怎么在报表工具中展现---本地,网络,数据库中的图片怎么web查看...

67dfa5fcbe9f3d74a822d415879ed070.png

用于报表展示的图片来源有多种,如:数据库的图片字段、服务器本地图片、网络图片等,因此,报表工具也针对多种图片来源提供了多种多样的处理方式。

下面从不同的图片来源角度,举例介绍报表工具如何设置呈现。

图片来源:

1. 数据库的图片字段:

举例:

以示例数据库的雇员表为例,照片以二进制的形式直接存储在数据库

5efe566a1e15bd5ab54b81bb7df6dff4.png

待处理报表如下:

b7ce913d238ca67427574a4b3c67e466.png

要求:E3 单元格显示对应的员工照片

操作:

在 E3 单元格点击鼠标右键,选择”图片”

4182dacd8433f6306ae29ed57ac6bdbe.png

如下选择”表达式”选项,并设置表达式为: =ds1. 照片

91d0f72139df39543668807abcfbfa78.png

保存,预览如下

142f3acf70cf9477d469f64b152b65c0.png

更多详细设置参考:数据库中的图片字段怎么在报表中呈现

2. 服务器本地图片

举例 1 – 单元格内展现

为某测试报告报表,添加电子签章。

待处理报表如下:

a610fa0ad93a08e754c41eee7391da0b.png

要求:

在 F8 单元格区域增加电子签章

操作:

在 F8 单元格点击鼠标右键,选择”数据图层”

85b4751df3919e3ef2bbc1954e1c6840.png

如下图在”URL 或表达式”处指定图片路径,并设置单元格扩展方式为”按单元格内容扩大”

e312e1bd5693c52bd7a03858bc0e76d9.png

注:URL 或表达式支持:相对路径,绝对路径,或者是 http**** 格式的路径。

保存,预览如下:

d672113e89e536abd826d07ee8fbbde1.png

更多详细设置参考:web 报表中电子图章 / 水印的显示

上述,设置图片配置为本地路径,服务器应用下可配置为相对路径:

要求:

图片置于应用根目录或其子目录下。示例图片存放路径为:./demo/img/xx.png

配置:

fb332c80f43067f4a8794972ab027bce.png

保存,预览如下:

77698b0bdd22b120b27247bde8bc7f42.png

举例 2 – 背景图

票据、单据打印,这类报表打印的纸张已经画出了表样,只需对应填充数据即可,如下:

6b21fbc2ea1a37db0c3050e78e8698eb.png

操作:

新建空白报表,并插入背景图(在菜单栏上选择“报表 – 报表属性 – 背景图 – 图片 – URL ”,然后选择要作为背景图的单据扫描件 ,最后选择“ 确定”)。

2f736a437beb5dad36f4f2abac59c041.png

之后,按照背景图调整报表尺寸即可。

保存,预览如下:

6c061ce0fa5224943df9c50f68ab8aae.png

更多详细设置参考:套打

3. 网络图片

举例 1 – http 方式

a. 数据图层

要求:

访问图片的 url 可独立呈现。

操作:

对应显示单元格点击鼠标右键,选择”数据图层”

85b4751df3919e3ef2bbc1954e1c6840.png

如下图在”URL 或表达式”处写入可独立访问的 http 图片访问链接。

426f3d271eb9a91c6b375c52816a160b.png

保存,预览如下:

814ff31af7d8163ffd821cd23b3d466e.png

b. 图片

要求:

访问图片的 url 可独立呈现。

操作:

对应显示单元格点击鼠标右键,选择”图片”

38213adaa093338b0937274ce862abc9.png

如下选择”图片”选项,并设置表达式为对应 url

3540680066e61c9b633d6cf23862bdd0.png

保存,预览如下:

6a138b867f6292f822a9cbcd99c819fc.png

举例 2 – base64 图片

以内建数据集模拟真实数据库存储,数据如下:

b12ad702827514c65d0bd5b298baeab2.png

要求:

在报表单元格中展现该图片。

操作:

对应显示单元格点击鼠标右键,选择”数据类型”

33b483535aa4535aaf2fb26a10b04f6f.png

如下选择”HTML”选项,并设置表达式为: =“

35acd4d2a1073ccc7ca9df2f3e458ed3.png

3ee555e9eed062876f05c2601370c419.png

保存,预览如下:

bb3a541fd664b3242ca2cd05acd14a79.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值