Как получить URL загруженного изображения в Firebase 5.0.4?

Question

Я загружаю изображение на сервер:

const fileData = await fb.storage().ref(`ads/my_img.jpg`).put(image)

В ранней версии для получения URL загруженного изображения требуется:

const imageSrc = fileData.metadata.downloadURLs[0]

Но в 5.0.4 это не работает.

В документах downloadURLs устарело:

/**
 * @deprecated
 * Use Reference.getDownloadURL instead. This property will be removed in a
 * future release.
 */
downloadURLs: string[];

Но getDownloadURL метод interface Reference Не могу понять, как его использовать.

После загрузкифайл, мне нужно получить URL для рендеринга изображения с сервера.Примерно так:

const fileData = await fb.storage().ref(`ads/${ad.key}.${imageExt}`).put(image)
const imageSrc = fileData.metadata.downloadURLs[0]

commit('createAd', {imageSrc})

Как переписать downloadURLs[0] для Firebase 5.0.4 версии?

Answer 1

const imageSrc = await fileData.ref.getDownloadURL()

Answer 2

const fileData = await fb.storage().ref(`ads/${ad.key}.${imageExt}`).put(image)
const imageSrc = await fileData.ref.getDownloadURL()

Answer 3

URL-адрес загрузки возвращается в снимке результата, как показано ниже:

const fileData = fb.storage().ref(`ads/${ad.key}.${imageExt}`).put(image)
.then((snapshot) =>{
    console.log(snapshot.downloadURL);
}

Или вы можете получить URL-адрес для загрузки существующего объекта, подобного этому

storageRef.child('images/stars.jpg').getDownloadURL().then(function(url) {
  console.log(url)
}).catch(function(error) {
  // Handle any errors
});

Этот фрагмент был взят из Страница разработчика Firebase .Я бы порекомендовал вам проверить эту страницу, если у вас есть какие-либо вопросы.В большинстве случаев вы можете найти ответ там.