美文网首页
postman返回图片直接预览设置

postman返回图片直接预览设置

作者: 一个摸鱼AI喵 | 来源:发表于2021-10-08 10:10 被阅读0次

    如果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}}" /></html>`;
    // 设置 visualizer 数据。传模板、解析对象。
    pm.visualizer.set(template, data);
    
    1. 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}\n"
        },
        "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}}" /></html>`;
    // 设置 visualizer 数据。传模板、解析对象。
    pm.visualizer.set(template, data);
    

    相关文章

      网友评论

          本文标题:postman返回图片直接预览设置

          本文链接:https://www.haomeiwen.com/subject/dekonltx.html