How to rename photo before uploading to Retool Storage

[Ferdi112]

Oh I see. Can we rename an image that just taken with phone camera before uploading it to retool storage? Because I've been searching ways but most of them recommend me to use 3rd party service. I mean does retool provide a way to rename a file because for example by the data ID automatically?

[WidleStudioLLP]

Hey @Ferdi112 ,

I understand the issue you’re facing with uploading an image from the phone camera and renaming it as per your requirement before saving it in Retool storage.

To help with this, I’ve put together a quick demo of a mobile app where you can capture an image directly from your phone’s camera, enter a custom file name through a text input, and then upload it seamlessly to Retool storage.

Here are some screenshots for reference:
Screenshots and Screen Recording:

[Darren]

Have you had a chance to review this, @Ferdi112? I think @WidleStudioLLP's recommendation is a good one.

[Maker_Works]

Hi Darren,

This is exactly what I’m trying to do as well, but for inexplicable reasons the images that are uploaded to Retool Storage are not images at all. They’re all 52 B “File” objects, so I know for a fact they’re not storing any image data. I aligned my Retool Storage query and ImageInput component to look just like WidleStudioLLP’s example, but I’m not getting the same results.

[WidleStudioLLP]

Hey @Maker_Works,

I had a look at your query and the resulting behavior — it seems the issue is happening because the query is set to run automatically.

When the run behavior is Automatic, the query triggers before the image has finished loading, which means the image isn’t yet stored in Retool storage at the time the query executes.

To fix this, simply change the query’s run behavior from Automatic to Manual.
That way, the query will only run after the image has fully loaded, ensuring it gets properly stored in Retool storage.

This small change should resolve the issue you’re seeing.

[Darren]

In addition to the above, make sure that you are triggering the query on button press. And you may need to add the file extension to the File name input field.