如何在Postman中将响应JSON中的Base64图片转换为图片?
在Postman内查看Base64格式图片的方法
方法一:用Tests脚本生成可查看链接
- 打开请求的「Tests」标签页,粘贴以下脚本(记得把
imageBase64换成你响应里实际的字段名):
// 从JSON响应提取Base64图片数据 const base64Data = pm.response.json().imageBase64; // 拼接成可直接访问的data URI链接 const imageUrl = `data:image/png;base64,${base64Data}`; // 将链接打印到控制台 console.log("图片链接:", imageUrl);
- 发送请求后,点击Postman左下角的「Console」打开控制台,复制里面的链接,在浏览器新标签页打开就能看到图片。如果你的图片是JPG格式,把
image/png改成image/jpeg即可。
方法二:用可视化器直接在Postman内展示
- 同样在「Tests」标签页,添加这段脚本(替换字段名和对应图片格式):
// 提取Base64数据 const base64Data = pm.response.json().imageBase64; // 构造展示图片的HTML结构 const html = ` <div style="display:flex;justify-content:center;margin-top:20px;"> <img src="data:image/png;base64,${base64Data}" alt="转换后的图片" style="max-width:100%;"/> </div> `; // 启用可视化器 pm.visualizer.set(html);
- 发送请求后,切换到「Visualize」标签页,就能直接看到渲染好的图片,无需跳转外部页面。
内容的提问来源于stack exchange,提问作者petarrr1
相关产品推荐
相关产品推荐

