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

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

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

1. 修改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);
        }
}

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

<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

1. 通过转换工具将图片转成Base64
2. 修改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 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURSZ0pv///xB+eSAAAAAWSURBVAjXY2CAAcYGBJL/AULIIjAAAJJrBjcL30J5AAAAAElFTkSuQmCC";
            collapse(details_id);
            document.getElementById(details_id+"_image").setAttribute('data-type','expand');
        }
}

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

<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="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURSZ0pv///xB+eSAAAAAWSURBVAjXY2CAAcYGBJL/AULIIjAAAJJrBjcL30J5AAAAAElFTkSuQmCC" alt="expand/collapse"><xsl:attribute name="id"><xsl:text/>page_details_<xsl:value-of select="position()" />_image</xsl:attribute></img>
        </a>
</td>