Как получить URL-адрес ионного изображения из изображения, загруженного в Firebase? - PullRequest
0 голосов
/ 31 мая 2018

Я загружаю изображение с телефона в Ionic, используя Cordova:

async takePhoto(sourceType: number) {
    try {

        const options: CameraOptions = {
            quality: 50,
            targetHeight: 100,
            targetWidth: 100,
            destinationType: this.camera.DestinationType.DATA_URL,
            encodingType: this.camera.EncodingType.JPEG,
            mediaType: this.camera.MediaType.PICTURE,
            correctOrientation: true,
            sourceType: sourceType
        }
        const result = await this.camera.getPicture(options);
        const image = `data:image/jpeg;base64,${result}`;
        this.pictures = storage().ref('pictures/myphotos');
        this.pictures.putString(image, 'data_url');
        this.Url = this.pictures.getDownloadURL();
              }

catch(e){
  console.error(e);
}}

Я пытаюсь получить предметы из:

<ion-label>Item Name</ion-label>
  <ion-input type="text" [(ngModel)]="shoppingItem.itemName"></ion-input>
</ion-item>

<ion-item>
  <ion-label>Amount / Day</ion-label>
  <ion-input type="text" [(ngModel)]="shoppingItem.itemFee"></ion-input>
</ion-item>

<ion-item>
  <ion-label>Description</ion-label>
  <ion-input type="text" [(ngModel)]="shoppingItem.itemDescription">
</ion-input>
</ion-item>

<form-upload></form-upload>
  <button ion-button (click)="takePhoto(0)"> Upload Photo</button>
  <button ion-button (click)="addShopppingItem(shoppingItem)"> Submit </button>

addShopppingItem(shoppingItem: ShoppingItem){
this.shoppingItemRef$.push({itemName:this.shoppingItem.itemName,
  itemFee:this.shoppingItem.itemFee,
  temDescription:this.shoppingItem.itemDescription,
  itemInstructions:this.shoppingItem.itemInstructions,
  itemCategory: this.shoppingItem.itemCategory,
  itemDelivery: this.shoppingItem.itemDelivery,
  url:this.Url
})

Я получаю эти предметы, но получаюневозможно получить URL-адрес изображения в правильный узел.

enter image description here

Мне нужно, чтобы узел был таким, чтобы потом показывать изображения с помощью запроса:

enter image description here

1 Ответ

0 голосов
/ 01 июня 2018

Я не понимаю ваш вопрос ... вы правильно извлекли из базы данных downloadUrl или нет?

...