Postman 显示 base64 图像作为测试结果

Question

我正在尝试使用 Postman 测试功能可视化我在回复中收到的 base64 img。

我的JSON:

{
  ...,
  "result": {
    ...,
    "image": "data:image/jpeg;base64,/..."
  }
}

我想做这样的事情：

let template = `
<img src='{{img}}'/>
`

pm.visualizer.set(template, { 
    img: pm.response.json().result.image
})

如何在标签内显示 base64 image/从 Postman pm 对象中检索它？

Answer 1

您的变体几乎正确，但您需要以正确的方式检索模板的 img 数据，如下所示：

let template = `
<img src='{{img}}'/>
`;

pm.visualizer.set(template, { 
    img: pm.response.json()["result"]["image"]
});

Answer 2

在您的 template 上尝试 console.log() 以查看它是否按照您的预期解决。我使用 hard-coded 一个小红点

的 base64 图像得到了你的解决方案

const base64ImgData = `data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==`

const template = `
<img src="{{img}}">
`

pm.visualizer.set(template, {img: base64ImgData})

Screenshot

Postman 显示 base64 图像作为测试结果

Postman display base64 image as test result

base64

postman