# How to upload an image from a button without an image in it

**URL:** <https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648>\
**Category:** Need help\
**Created:** [July 15, 2022, 2:38pm UTC](https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648 "2022-07-15T14:38:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![brenton.strine](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/brenton.strine/32/124156_2.png) [@brenton.strine](https://forum.bubble.io/u/brenton.strine)\
**Post date:** [July 15, 2022, 2:38pm UTC](https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648/1 "2022-07-15T14:38:17Z")

</div>

I am trying to develop a UI like this, with a button to upload the image:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/5/a/5a4aad40bf4665201055d2000de9b030ae560751.jpeg)

Unfortunately, using File Uploader doesn’t work because the data type is `image`, and I don’t want people uploading non-image filetypes. Additionally, the File Uploader obscures the text when it uploads the file, so you can’t see the instructions any longer:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/8/88b7de85d6b70e7f59bc5826cc7c3b2e4adb4e24.jpeg)

I tried to use a picture uploader but it shows the picture in the button:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/b/c/bc6806b0ac0f3410e1e3a234c42497e80821e78b.jpeg)

I tried to reset the picture image on load and onchange, but it doesnt’ remove it.

Is there a way to NEVER show the picture in the picture uploader, or to just upload a picture with a button?

---

<div class="post-metadata">

**Author:** ![ayfolut](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ayfolut/32/180937_2.png) [@ayfolut](https://forum.bubble.io/u/ayfolut)\
**Post date:** [July 15, 2022, 8:24pm UTC](https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648/2 "2022-07-15T20:24:00Z")

</div>

Hi @brenton.strine

I think I might have the solution for this, making a quick video to explain it. I’ll share shortly.

---

<div class="post-metadata">

**Author:** ![ayfolut](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ayfolut/32/180937_2.png) [@ayfolut](https://forum.bubble.io/u/ayfolut)\
**Post date:** [July 15, 2022, 8:37pm UTC](https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648/3 "2022-07-15T20:37:22Z")

</div>

[![](https://img.youtube.com/vi/10tHMiCgVyI/maxresdefault.jpg "Brenton's reply - Bubble Forum") ](https://www.youtube.com/watch?v=10tHMiCgVyI)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [September 23, 2022, 2:38pm UTC](https://forum.bubble.io/t/how-to-upload-an-image-from-a-button-without-an-image-in-it/215648/4 "2022-09-23T14:38:18Z")

</div>

This topic was automatically closed after 70 days. New replies are no longer allowed.