// 获取图片流
fetch(‘后端图片流api’,{
headers: {
'token': '如果需要token。可以在这里添加'
}
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok ' + response.statusText);
}
return response.blob(); // 将响应转换为Blob
})
.then(blob => {
// 创建一个对象URL
const objectUrl = URL.createObjectURL(blob);
// 创建一个Image元素并设置src为对象URL
const img = document.createElement('img');
img.src = objectUrl;
// 将图片元素插入到DOM中
document.body.appendChild(img);
// 注意:在完成后释放对象URL资源
img.onload = () => URL.revokeObjectURL(objectUrl);
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
07-11
1008