Как отобразить хранилище FireBase IMG

Question

Согласно это

После того, как у вас есть URL, например:

http://storage.googleapis.com/example-bda7b.appspot.com/images/someone-Lopez.jpg

Вам все равно нужно будет запустить getDownloadURL, что-то вроде этого:

storageRef.child(urll).getDownloadURL()

Мне кажется, что это контрпродуктивно, если у вас уже есть URL-адрес хранилища изображений, зачем запускать getdownload url и ждать ответа?

Я установил хранилище на publi c. Как бы я мог выполнить что-то вроде (в реакции):

  <img
    alt={props.data.last}
    className="rounded-circle"
    src={http://storage.googleapis.com/example-bda7b.appspot.com/images/someone-Lopez.jpg}
  />

Возможно ли что-то подобное приведенному выше примеру? или var storage = firebase.storage (); var pathReference = storage.ref ('images / stars.jpg');

  <img
    alt={props.data.last}
    className="rounded-circle"
    src={pathReference}
  />

Firebase приводит этот пример в документации, но на самом деле не дает никаких идей о том, как его включить.

// Create a reference with an initial file path and name
var storage = firebase.storage();
var pathReference = storage.ref('images/stars.jpg');

Answer 1

Это поможет вам показать изображение

<script>
function showimage() {
    var storageRef = firebase.storage().ref();
    var spaceRef = storageRef.child('sweet_gift/vytcdc.png');
    storageRef.child('images/stars.jpg').getDownloadURL().then(function(url) {
        var test = url;
        alert(url);
        document.querySelector('img').src = test;
    }).catch(function(error) {
    });
}
</script>
<input type="button" value ="view Image" id="viewbtn" onclick="showimage();">
<img src="test" height="125px" width="200px"/> 

, если вы попытаетесь открыть изображение с этой ссылкой , оно не откроется, а предоставит вам json данные. Вы должны предоставить downloadTokens изображения, тогда оно будет отображаться. вот почему вы должны выполнить getDownloadUrl(), который сгенерирует правильный URL-адрес изображения с downloadTokens и т. д.

Вы можете проверить предупреждение, которое вы видите полный URL-адрес.