ReactJS：无法从REST API响应在UI中呈现图像

Question

我构建了一个REST API，它返回一个图像，并且我通过PostMan代理成功获取其响应。 在我的阵营代码，我有这样的：

return fetch(url, sInit) 
    .then((response) => { 
    let blb = new Blob([response.body], { type: 'image/jpeg' }); 
    let fileUrl = (window.URL || window.webkitURL).createObjectURL(blb); 
    window.open(fileUrl); 
    }) 

产生的不具有图像团块网址。我错过了什么？

Answer 1

您可能需要使用内置blob()方法，通过fetch：

fetch(
 
    'https://images.unsplash.com/35/SRkdurVYQFSFkMyHVwSu_spinnenweb-9536.jpg?dpr=2&auto=compress,format&fit=crop&w=376&h=251&q=80&cs=tinysrgb&crop=' 
 
) 
 
    .then(res => res.blob()) 
 
    .then(blob => { 
 
    let fileUrl = (window.URL || window.webkitURL).createObjectURL(blob); 
 

 
    const img = document.createElement('img'); 
 
    img.src = fileUrl; 
 
    document.querySelector('body').appendChild(img); 
 
    });