пытаясь получить изображение с помощью fetch, изображение сохраняется в хранилище Firebase

Question

Hy, я пытаюсь получить изображение с помощью API выборки, URL действителен, так как он работает, когда я помещаю URL изображения в тег Img.

моя функция выборки:

   getImage = () => {  
   const url= "https://firebasestorage.googleapis.com/v0/b/alpha-c790f.appspot.com/o/images%2Frivers.jpg?alt=media&token=6a96d672-23c1-425f-bdca-47f6d73608f0"


fetch(this.state.url,{
  mode: 'no-cors'
}).then(response => response.blob())
.then((res)=>{
     console.log(res);
    var objectURL = URL.createObjectURL(res);
    var myImage = new Image();
    myImage.src = objectURL;

}).catch(err=>{
  console.log(err);
})
}

правила доступа к облачному хранилищу Firebase:

      rules_version = '2';
      service firebase.storage {
      match /b/{bucket}/o {
           match /{allPaths=**} {
           allow read, write: if request.auth != null;
           }
        }
    }

Я хочу реализовать это следующим образом, потому что хочу поставить на него блесну, пока изображение не придет

Ответ, который я получаю это

           Blob {size: 0, type: ""}
                 size: 0
                 type: ""
            __proto__: Blob

Answer 1

Вам не нужно извлекать изображение, изображение уже существует по этому URL-адресу https://firebasestorage.googleapis.com/v0/b/alpha-c790f.appspot.com/o/images%2Frivers.jpg?alt=media&token=6a96d672-23c1-425f-bdca-47f6d73608f0

<img src='https://firebasestorage.googleapis.com/v0/b/alpha-c790f.appspot.com/o/images%2Frivers.jpg?alt=media&token=6a96d672-23c1-425f-bdca-47f6d73608f0'/>

Если вы хотите построить изображение процедурно, вы также можете делать:

var newImgage = new Image() 
newImgage.src = 'https://firebasestorage.googleapis.com/v0/b/alpha-c790f.appspot.com/o/images%2Frivers.jpg'