Detect image in FileUpload to hide upload instructions

I'm having trouble with changing the avatar after I upload it using the FileUpload field. Here's what's happening:

  • When I upload an avatar and then reload the page, I see instructions to "drop or click to upload an image" on top of the avatar I just uploaded. I shouldn't be seeing this.
  • Also, I can't click the "x" to remove the avatar because the instructions cover it up. It looks messy.
  • But, if I change the avatar and stay on the page without reloading, this problem doesn't happen.
    I checked the Demo app, and this issue isn't there, so I think I might be missing something.
Can you help me figure out what's wrong? Thanks a lot!
CleanShot_2024-03-12_at_20.45.21.png
CleanShot_2024-03-12_at_20.45.05.png
Was this page helpful?