Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

249
Visualizações
why my profil image still anonym despite changes?

I changed my profile image in Angular project, and it's already saved in Firebase storage but the picture still shown antonym, can someone explain me please? Here is the HTML file and .ts file. It's updated successfully, but the URL of image show me an antonym image.



<div class="container">
  <article class="uk-comment">
    <header class="uk-comment-header">
      <div class="uk-grid-medium uk-flex-middle" uk-grid>
        <div class="uk-width-auto">
          <img class="uk-comment-avatar" [src]="dataProfile.image" width="200" height="200" alt="">
        </div>

        

          <button class="btn btn-info" data-bs-toggle="modal" data-bs-target="#exampleModal2">update image</button>

        </div>
      </div>
    </header>
   

  </article>
</div>
<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form>
         <input type="file" accept=".jpg ,.png"  (change)="uploadImage($event)">

         <div *ngIf="persentages | async as pct">
          <div *ngIf="pct == 100"  class="alert alert-success" >Upload Successfully</div>
          <progress
          id="js-progressbar"
          class="uk-progress"
          [value]="pct"
          max="100"
        ></progress>
        </div>

        </form>
      </div>
      <div class="modal-footer">

      </div>
    </div>
  </div>
</div>
 uploadImage(event){
const id=Math.random().toString(36).substring(2)
this.ref =this.fst.ref(id)
this.task =this.ref.put(event.target.files[0])
this.persentages=this.task.percentageChanges()
this.task.then((data)=>{
data.ref.getDownloadURL().then(url=>{
  this.fs.collection("users").doc(this.dataProfile.uid).update({
    image:url
  })
})
}).then(()=>{
  window.location.reload()
})
}
}
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda