i have an error wnen i get the image from FIREBASE URL

[ghost]

This is the HTML code

<input type="file" [(ngModel)]="image" name="image" class="dropify" attr.data-default-file=" {{ imageUrl }}" data-height="300" data-width="200" data-allowed-file-extensions="jpg png jpeg gif bmp"/>

The Image url that i get from firebase is this

https://firebasestorage.googleapis.com/v0/b/tesla-64kk0.appspot.com/o/prosf…ges%2Ftameiaki-v2.png

when i open the page the image preview is broken but if i use somethink like this is work ok

<input type="file" [(ngModel)]="image" name="image" class="dropify" attr.data-default-file="./images/someimage.png" data-height="300" data-width="200" data-allowed-file-extensions="jpg png jpeg gif bmp"/>

how i can get the image from the firebase in corect way

[ghost]

inside the image is work ok

 <div class="col s6">
       <img src="{{ imageUrl }}" style="max-width:300px; max-height:300px;"  alt="">
  </div>