How to open the native camera app to take a picture?

Hi all,

I would like users to take a photo from within the app, and store this photo in a collection.
Desired flow would be: users clicks “open camera” button > device camera opens > user takes photo > photo is stored in collection.

I saw that “native device actions - access users camera” was a feature in Adalo, but I can’t find it in the editor.

Is the above possible, and if yes, where to find the camera component?

Thanks!

Bart

3 Likes

You just need to add component> form > select your collection where you store the image and you can see the image upload component. That will do what you want.

2 Likes

Thanks for your reply.

Just to clarify: I was under the impression that this open the image gallery on an users phone instead of the camera/ photo taking app?

Similar for starting Google lens?

@Bart Both- it asks the user if they want to take a picture or use one from their gallery

1 Like

@speakupboy Perfect, thanks!

How can I do the same with a mic?

There’s an audio player in the marketplace, but nothing for recording microphones on the phone yet that I can see. You can add a feature request for it.

1 Like

Do you think I can create it myself?

If you are familiar with react and react native, then yes! Introduction | Adalo

1 Like

Clearly this doesn’t detailed instruction how to do it. I tried this one but is this because my app is still isn’t publish? Thanks

Hello, This doesn’t seem to work for me using a PWA Build.

When using the photo upload component, or a form with a photo upload component, it is not giving users the option to open either the gallery OR the camera; it is just opening the gallery and there is NO OPTION to switch to camera.

Is this an issue particular to me, or is it a limitation of the PWA Build?

Hi @tbtilton,

Welcome to the community :partying_face:

When I click the Image picker I go here and I can choose either Camera or Browse.

Thanks for the reply! I was not able to see what you are seeing in that pic. But it looked the same outside of the fact it wasn’t showing the camera option…

…think…think… think… … Eureka!
Phone Settings>Camera Permissions>(turned on camera permissions for my browser).

Problem Solved, I am now seeing the option for camera or browse, as you show in the pic. I will be sure to let my users know to verify camera permissions are ON for their browser.

I tested the settings, and results are as follows on Android:
Permission Setting “Off” : Camera Icon will not show up.
Permission Setting “Ask Every Time” : Camera Icon Shows up, then the system will dialogue asking for permission.
Permission Setting “Allow Only When Using The App” : Just Works.

Thanks again!

1 Like

Hello everyone. Has this issue been resolved? Can we now just open the native camera in the app and make a user take a picture in Adalo?

@anon78309838 Are you saying that you can code this feature to integrate into Adalo? Please clarify! I need to add this feature to my app. Thanks!

Hello I am having trouble adding the components in to the screen to take a photo