postman返回图片直接预览设置

如果postman接收的结果有base64的图片,如

{
    "base64_image": "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQ..."    
    "code": 200,
    "data": {
        "isLive": true,
        "score": 0.94,
        "threshold": 0.8
    },
    "message": "success",
    "timeUsed": 1345.58
}

1.在Tests添加JS代码:

// 将接口返回数据，封装成自己需要的结构
var data = {
    response: pm.response.json()
}
// html 模板字符
var template = `<html><img src="data:image/jpg;base64,{{response.base64_image}}" alt="postman返回图片直接预览设置">`;
// 设置 visualizer 数据。传模板、解析对象。
pm.visualizer.set(template, data);

Send 后点击Visualize

另外一个实例:

{
    "code": 200,
    "data": {
        "data": "{"base64_image":"/9j/4AAQSkZJ","code":200,"data":{"isLive":true,"score":0.934,"threshold":0.8},"message":"success","timeUsed":128.05}
"
    },
    "success": true
}

特点:多层, 最里面数据还没有解析

设置修改如下:

// 将接口返回数据，封装成自己需要的结构
console.log( response:  , pm.response)
var data = {
    response: JSON.parse(pm.response.json().data.data)
}  //增加了JSON.parse()
// html 模板字符
var template = `<html><img src="data:image/jpg;base64,{{response.base64_image}}" alt="postman返回图片直接预览设置">`;
// 设置 visualizer 数据。传模板、解析对象。
pm.visualizer.set(template, data);

文章版权归作者所有，未经允许请勿转载。如内容涉嫌侵权，请在本页底部进入<联系我们>进行举报投诉!

THE END