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. 修改展示区域中的图片资源

        
            javascript:change('page_details_')
            page_details__image
        

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. 修改展示区域中的图片资源

        
            javascript:change('page_details_')
            page_details__image                   
        

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