postman接口请求response是base64-图片这类的可视化。

#测试一个response是base64的结果,可能要去其他网址进行解码。

https://www.lddgo.net/convert/base64-to-image

#觉得麻烦

1.可以利用postman/apifox自带的tests/script/后置操作,进行编码后,做成可视化

复制代码
let base64Data = null;
let mimeType = "image/png";

try {
  const jsonData = pm.response.json();
  for (var i = 0; i < jsonData.candidates.length; i++) {
    var candidate = jsonData.candidates[i];
    for (var j = 0; j < candidate.content.parts.length; j++) {
      var part = candidate.content.parts[j];
      if (part.inlineData && part.inlineData.data) {
        base64Data = part.inlineData.data;
        mimeType = part.inlineData.mimeType || "image/png";
        break;
      }
    }
    if (base64Data) break;
  }
} catch (e) {
  base64Data = pm.response.text().trim();
}

pm.visualizer.set("<html><body style='padding:20px;background:#fff'>" + (base64Data ? "<img src='data:" + mimeType + ";base64," + base64Data + "' style='max-width:100%'>" : "No image data found") + "</body></html>");
相关推荐
星星~笑笑12 小时前
react Next.js oss上传 上传阿里云
javascript·react.js·阿里云·js
xx24068 天前
计算机基础-存储单位
js
之歆12 天前
DAY_17深度博客:CSS 响应式布局 · BFC · JavaScript 完全指南(上)
javascript·js
TA远方13 天前
【JavaScript】Promise对象使用方式研究和理解
javascript·编程·脚本·web·js·promise·委托
我命由我1234515 天前
前端开发概念 - 无障碍树
javascript·css·笔记·学习·html·html5·js
苦夏木禾16 天前
URL 类 详解
node.js·js
T畅N18 天前
审批流设计器(前端)
前端·elementui·vue·html·流程图·js
树欲静·而风不止20 天前
拿 DeepSeek 的免费对话搓了个 Everything 的静态 WebUI
ai·js
REDcker21 天前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
爱上好庆祝21 天前
学习js的第五天
前端·css·学习·html·css3·js