Jmeter 发测试报告到邮箱，expand/collapse 图片不显示

最新推荐文章于 2022-05-31 14:19:38 发布

weixin_30707875

最新推荐文章于 2022-05-31 14:19:38 发布

阅读量418

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jaychang/p/7008086.html

本文介绍了解决HTML格式邮件中部分图片无法显示的问题。提供了两种解决方案：一是使用可通过HTTP访问的图片链接；二是将图片转换为Base64格式直接嵌入到HTML中。

由于发送到邮箱中html文件是不包含expand/collapse 资源文件的，所以导致邮箱中这两个图片没有显示，解决方法有两种：

1. 使用http能访问的图片链接地址

修改change中的图片资源

function change(details_id) 
{
        if(document.getElementById(details_id+"_image").src.match("http://ww1.sinaimg.cn/large/6fa4e58agy1fgki2i10o8j200g00g03i.jpg"))
        {
            document.getElementById(details_id+"_image").src = "http://ww1.sinaimg.cn/large/6fa4e58agy1fgkhzf6p25j200g00g03d.jpg";
            expand(details_id);
        }
        else
        {
            document.getElementById(details_id+"_image").src = "http://ww1.sinaimg.cn/large/6fa4e58agy1fgki2i10o8j200g00g03i.jpg";
            collapse(details_id);
        } 
}

修改展示区域中的图片资源

<td align="center">
        <a href="">
            <xsl:attribute name="href"><xsl:text/>javascript:change('page_details_<xsl:value-of select="position()" />')</xsl:attribute>
            <img src="http://ww1.sinaimg.cn/large/6fa4e58agy1fgki2i10o8j200g00g03i.jpg" alt="expand/collapse"><xsl:attribute name="id"><xsl:text/>page_details_<xsl:value-of select="position()" />_image</xsl:attribute></img>
        </a>
</td>

2. 将图片转换成base64

通过转换工具将图片转成Base64
修改change中的图片资源

function change(details_id)
{
        var _dataType=document.getElementById(details_id+"_image").getAttribute('data-type');
        if(_dataType=='expand')
        {
            document.getElementById(details_id+"_image").src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURSZ0pv///xB+eSAAAAARSURBVAjXY2DABuR/gBA2AAAzpwIvNQARCgAAAABJRU5ErkJggg==";
            expand(details_id);
            document.getElementById(details_id+"_image").setAttribute('data-type','collapse');
        }
        else
        {
            document.getElementById(details_id+"_image").src = "https://img-blog.csdnimg.cn/2022010705515775975.png";
            collapse(details_id);
            document.getElementById(details_id+"_image").setAttribute('data-type','expand');
        } 
}

修改展示区域中的图片资源

<td align="center">
        <a href="">
            <xsl:attribute name="href"><xsl:text/>javascript:change('page_details_<xsl:value-of select="position()" />')</xsl:attribute>
            <img data-type="expand" src="https://img-blog.csdnimg.cn/2022010705515775975.png" alt="expand/collapse"><xsl:attribute name="id"><xsl:text/>page_details_<xsl:value-of select="position()" />_image</xsl:attribute></img>                   
        </a>
</td>

转载于:https://www.cnblogs.com/jaychang/p/7008086.html