El código que tengo ya guarda la imagen seleccionada en storage de firebase y en firestore la guardo con el nombre de la imagen, mi problema es cuando consulto la imagen, no puedo mostrarla con 'src', no se como hacer referencia a esa imagen guardada en mi storage.
HTML:
<div class="form-group">
<label for="email">Select your image:</label>
<div class="custom-file">
<input type="file" class="custom-file-input" (change)="startUpload($event.target.files)">
<label class="custom-file-label">{{adminJson.fileimg}}</label>
</div>
</div>
Se ejecuta la función 'startUpload($event.target.files)', que es la siguiente:
startUpload(event: FileList){
this.file = event.item(0)
console.log('FILE: ', this.file)
if(this.file.type.split('/')[0] !== 'image'){
console.error('unsupported file type')
return
}
this.fileimg = this.file.name
this.path = `admin/${new Date().getTime()}_${this.file.name}`
this.adminJson.fileimg = this.path // Este string lo guardo en la base de datos
this.task = this.storage.upload(this.path, this.file) //Aquí se guarda en el storage
}
Al momento de mostrar la imagen, no sé como hacer referencia a la imagen guardada en mi storage:
<img src="adminJson.fileimg">