【Apifox】Apifox解码Base64图片:

文章目录

          • 一、问题:
          • 二、解决:
            • 【1】设置后置操作
            • 【2】将res.result修改为返回的response里面图片存放位置
            • 【3】将body点击到Visualize:


一、问题:

【Apifox】Apifox解码Base64图片:_第1张图片

二、解决:
【1】设置后置操作
//通过.json()函数,获取到响应体中返回的json数据
let res = pm.response.json()

//定义一个模板,这个模板存的是
const template = `<html>
                    <img src="{{imgTemplate}}" />
                </html>`;

//构建img标签能识别的base64 url,注:如果接口返回的base64 url没有【data:image/png;base64,】则需要拼接进去,否则出不来图片。
//因接口返回的是一个数组,这里打印打一张图片
// let img= "data:image/png;base64,"+ res.result;//res.result是图片地址
let img = res.result.includes("data:image/png;base64,") ? "data:image/png;base64," + res.result : res.result;
//console.log(img) //打印

// 设置 visualizer 数据。
//template:模板,上面const定义的template。
// {imgTemplate: img},imgTemplate对应的是template中src的值;img指的是上述定义的img base64 url
pm.visualizer.set(template, {
    imgTemplate: img,
})

【Apifox】Apifox解码Base64图片:_第2张图片

【2】将res.result修改为返回的response里面图片存放位置

【Apifox】Apifox解码Base64图片:_第3张图片

【3】将body点击到Visualize:

【Apifox】Apifox解码Base64图片:_第4张图片

你可能感兴趣的:(接口调试工具,Apifox)