New: Uploadable image column type on Table

Announcements
,
1

Hi all! We are thrilled to announce the cloud launch of the uploadable image column type on Table!

Now, when you set an Image column type in your Table component (which already existed before this feature), you can now set this Allow uploading images checkbox, which will let you upload images from your local file system:

|482.658064516129x225.5900212701272

We also have added 2 more properties that get set when you check the above checkbox:

  • Upload file to Retool Storage: if checked, this will automatically upload the image that you’ve uploaded to Retool Storage
  • Replace file with same name: if checked, this will overwrite a file with the same name in Retool Storage

We have launched this feature to 100% of cloud users, and plan to get it out to on-prem version 3.39-edge and 3.47-stable. Please let us know in this thread if you have any comments/suggestions.

Happy building!

– Darya

1 Like
2

Under event handler is there an action that can trigger after an image is added? In case we want to upload something other than retool storage.

3

@metechnologies So far we have not implemented this feature. I have noted in though internally, and will let you know if we plan to implement it!

4

@metechnologies I take back what I said! You can access this event Change cell that should fire when you change the cell (which will happen when you upload a new image). It just isn't called 'On Image Upload', but should do what you mentioned.

image
image662×580 28 KB

1 Like
5

Awesome -- I see the table.changesetArray[0].columnImage will store the base64Data. How would we access 'type' like we could on a fileUpload component? (eg to get image/png, image/jpeg etc)

6

Also, if there is an existing image, you cannot click it to upload a different one. Is this intentional, is there a toggle for this somewhere? I want to be able to click existing images in the table to upload a new one.

7

@bag For your second question, you should still be able to upload a new image through clicking the ... menu that appears in that cell on hover:

image

For your first question, there is currently no way to access this information. I have filed it as a request internally, and will update here with any updates!