ReactJS: Kann Bild in UI nicht von REST API response

Question

Ich habe eine REST API erstellt, die ein Bild zurückgibt und ich bekomme erfolgreich seine Antwort über PostMan-Agent. In meinem React-Code, ich habe dies:

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); 
    }) 

Die URL blob das Bild nicht erzeugt haben. Was vermisse ich?

Answer 1

Sie wollen wahrscheinlich die eingebaute in blob() Methode verwenden, von 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); 
 
    });