ReportStudio入门教程(六十四) - 处理图片 丢失问题

还记得我们上一回的那个，使用URL源变量来改变图片路径，有的时候呢，可能出现图片不存在，路径错误的问题，

那图片会显示成什么样子呢？

如果这样显示，用户体验会很差的，所以我们这一回就介绍些，处理方法。

1. 基本报表

就是我们上一回的报表啦，

ReportStudio入门教程(六十三) - 动态显示图片 

2. 拖一个HTMl项目

修改HTMl源变量，为我们上一回的变量就可以了

3.选择不同的变量，设置HTML文本

这一步和上一回是一样的，

像这样：

HTML代码：

<img src="../samples/images/red.jpg"" alt="downsell"  onError="img2txt(this)"/>

这里，有一个onError事件，调用一个函数

其他的也一样。

green：

<img src="../samples/images/greenx.jpg"" alt="Upsell" onError="img2txt(this)"/>

这里我们写一个不存在的路径

4.运行下看看

这下，如果没有图片的话，就可以显示文本了，稍微好了点儿。

在书中，还有一段JS代码：

<script>

function img2txt(img) {

txt = img.alt;

img.parentNode.innerHTML=txt;}

</script>

我这里，没有写，但是也显示出来了，大家可以试试