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

Question

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

我的JSON：

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

我想做这样的事情：

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

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

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

Answer 1

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

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

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

Answer 2

尝试在你的 console.log() 上template查看它是否按照你的预期进行解析。我使用硬编码的小红点的 Base64 图像让您的解决方案正常工作

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

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

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

截屏