Component Image Input for Web App

💬 App Building
1

Hi, I'm developing a web app to use it in a windows tablet. I need a component that captures an image with the device's camera. In an Android tablet with the file button component is enough, but it doesn't work in a window tablet. Image Input component exits, but it's only available for retool mobile.

Is there a compoente that works on the web app, or some way to import in the web the component image imput for retool mobile?

3

Hi @Emma_Lopez_Fersa, Welcome to the Retool Community!

There isn't a direct built-in component in Retool for capturing images on the web app version. The Image Input component is only available for Retool Mobile, and the File Button component doesn't work consistently on Windows tablets.

However, you can achieve this using a custom component! By building a custom Webcam component, you can easily capture images using the device's camera on the web app version.

Check out this example we built: Custom Webcam Component for Retool Web Apps

This custom component allows you to:

  • Capture images directly from the webcam
  • Download the captured image
  • Copy the Base64 data for storage or processing
  • Clear the image to capture another one

This approach should work perfectly on a Windows tablet. If you need help getting started or have any questions, feel free to ask! :rocket:

5 Likes
4

Thanks for your support, this component it's what i need. Sorry for the question, but I haven't been working with retool for long. Are there any place where I can download the component and install? What are the next steps I could do?

Thanks you again.

1 Like
5

You can create your own custom component just like I did to address your issue.

Here’s the Retool documentation that guides you through designing and deploying custom components in Retool:
:link: Retool Custom Component Guide

This should help you build and integrate your custom component seamlessly! :rocket:
Let me know, and I'd be happy to help!

5 Likes