ионный 3 показать изображение средства выбора или захвата камерой в формате HTML

Question

Мне нужно показать изображение или изображение в формате .html. Это, как я показываю, но в этом его ошибка показа фотографии не определена. я пытаюсь с фото: любой; фото: строка; но не решено.

<ion-grid>
        <ion-row>
                <ion-col col-12 text-center>
                  <ion-img (click)="setImage()" style="width:120px;height:120px"  [src]="deal?.photo || 'https://cdn.dribbble.com/users/21845/screenshots/3938419/placeholder.png'" height="120px"></ion-img>    
                </ion-col>
              </ion-row>
</ion-grid>

.ts

takePicture() {
this.camera.getPicture(this.options).then((imageData) => {
  this.helper.load();

  let id=Date.now();
  const image = `data:image/jpeg;base64,${imageData}`;
  const pictures = this.storage.ref('deal/'+id);
  pictures.putString(image, 'data_url').then((r: UploadTaskSnapshot) => {
      r.ref.getDownloadURL().then(res=>{
       this.deal=res;  // here is the image i want to show 
       this.helper.dismiss();
      })

  }, err => {
    console.log(err);
    this.helper.toast(err);
    this.helper.dismiss();
  });

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

});
}

я использую какой-то один код. ранее его использовали this.deal.photo = res. Который также работает для загрузки на firebase, но показывает фотографию ошибки, не определенную. когда я удалил фотографию, ее рабочий, но не показывает изображение в .html.

Мне нужно знать, как я могу показать сделку в home.html, ранее я показывал как [src] = "deal? .Photo", я делаю как [src] = "сделка", поэтому он показывает некоторую ошибку токена

Answer 1

К URL-адресу изображения может быть добавлен префикс «file», который можно удалить с помощью вызова:

this.deal=normalizeURL(res);

или, может быть (я не могу точно сказать из вашего кода):

this.deal.photo=normalizeURL(res);

Вы можете прочитать о normalizeURL здесь .