知识库

推荐内容

快逸做的更好

产品优势

您的位置: 首页 > 知识库 > 设计基础 > 快逸报表展示图片—来自本地/网络的图片

快逸报表展示图片—来自本地/网络的图片

Web报表中,不单单展示数字和文字,还可以展示另一个很强大的信息载体:图片;然而图片的展示并没有数字和文字那么简单,传统报表工具在处理图片的时候不是非常方便,于是Web开发就非常需要一款能轻松展示图片的报表工具,本文就将介绍一下快逸报表是怎样轻松处理web报表中的图片展示需求的。

一般来说,报表中图片的来源有两类:来自数据库和来自本地或者网络。上篇文章我们介绍了快逸报表怎样展现数据库中的图片,这篇就来说一下来自本地和网络的图片。

本地或者来自网络的图片可以用于背景图,也可以是单元格内容,背景图就是把图片作为整个报表的背景,下面先介绍一下报表背景图的设置。

新建一张空白报表,编辑报表状态下点击"插入-背景图",或者单击"属性-报表属性",切换到背景图标签页,弹出如下所示的对话框:

报表背景图设计界面

在打开的对话框中选择背景图在web端的显示方式以及配置类型,然后输入背景图的URL或者自定义类名,即可为当前报表插入背景图。如下图所示:

报表背景图效果

网络上的图片如果想作为背景图使用,为了稳定性我们大部分时候会选择下载成当地图片以后在操作。

注:因为报表在设计和发布时很可能出现报表迁移或者更换服务器的情况,使用图片的绝对路径会带来很多问题,所以我们建议用户使用相对路径,即相对于发布包的路径,例如:

绝对路径:D:\reportHome\webapps\demo\reportFiles\13229803.jpg

相对路径:\reportFiles\13229803.jpg

然后我们再看看单元格中怎么引用本地和网络的图片

右键点击需要引用本地或者网络图片的单元格,下拉列表中选择-数据类型,如果是本地图片然就选择其中的-图片文件,如果是网络图片我们就选择html方式来引用。

先看本地图片的处理,见下图:

报表对本地图片的引用


选择图片文件以后,我们就可以点击红色框中的按钮,来选择我们需要引用的本地图片了。

再看来自网络的图片,选择其中的html方式后,我们在下面的输入框中写html代码就可以,见下图:

报表对网络图片的引用

举一个简单的代码例子:< img src="http://……/1243810666846.jpg"/>

报表中展示图片的部分就给大家介绍完了,其实报表中还有一个很重要的地方用到图片,就是填报表中:用户需要把本地的图片上传到服务器的数据库中。用快逸报表也可以轻松实现上传图片到服务器的功能。因为教程中有很详细的讲解这里就不给大家多做介绍了,具体可以参看:设计器-帮助-学习教程-开发版填报增强-
4.2 上传图片。

引自:报表工具知识库

发布日期:2009/06/12
本文分类: 设计基础