Я загружаю изображение с телефона в 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-адрес изображения в правильный узел.
Мне нужно, чтобы узел был таким, чтобы потом показывать изображения с помощью запроса: