We apologize for the delay, but we come bearing good news!
A new version of the plugin has been released, featuring enhancements to the camera labels and making the element responsive. To benefit from these improvements, we kindly ask you to update the plugin to the latest version and share your valuable feedback with us.
If you encounter any issues, have questions, or wish to provide further suggestions, please don’t hesitate to reach out to us either here or directly via email at support@zeroqode.com.
We’ve just released a new update that includes the ability to save files to specific folders and subfolders within your Wasabi and AWS bucket. To start benefiting from these enhancements, all you need to do is update the plugin.
Updating plugins is easy. Simply navigate to the “Plugins” tab in your Bubble editor, locate the relevant plugin, and then select the latest version from the dropdown menu.
We eagerly anticipate your feedback on these new features once you’ve had a chance to test them in your own app. If you encounter any questions or require assistance, please don’t hesitate to reach out to us.
We value your suggestions, and we’re looking forward to hearing your feedback on the new improvements
If you ever have any questions, encounter issues, or have more suggestions regarding our plugins, please don’t hesitate to reach out to us either via the forum or directly at support@zeroqode.com.
Please i need a walk through on how to use the Camera Capture plugin for Image. I can’t seem to find a video or something explaining that. @ZeroqodeSupport please I need this help.
I understand that this plugin may not have official documentation, but we do provide helpful resources to assist you in setting it up. You can utilize the demo page and page editors to see how the plugin is configured and how it functions. Here are some steps to help you get started:
Add the “Cam Capture” element to your page, which will display the camera preview. Adjust its size according to your preferences.
Insert a “Take a photo” button onto your page.
Create a workflow event triggered by the “Button Take a Photo” click action.
Within this event, add the action “Take a picture with a Cam Capture.”
Next, set up another workflow event triggered by the event “A Cam Capture image is ready.”
In this event, include an action to “Create a new thing.” Choose the type of thing you want to create and add an image-type field. Set the value of this field to “This CamCapture’s captured image.”
If you encounter any further questions or run into issues, please don’t hesitate to contact us either here on the forum or via email at support@zeroqode.com.
Hello, I have been able to take pictures, but how do I store these images in a database so that I can later fetch them if I need to use them on my UI or send them to another page of my bubble app.
Thanks.
To save the image to the database, you can follow these steps:
Get the image from the plugin element’s state named “Local image URL.” This state will contain a Base64 code representing the image taken with the plugin.
Insert this Base64 code into an Image element on your page. This will display the image fetched from the database.
Below is a screenshot so you can visually see what we are referring to:
You can use an event to trigger the action. In this example, I added the action when I pressed a button. You can modify it to fit your specific use case. Is this what you need more clarity about?
This may sound like a dumb question, but please can you walk me through from pressing “Take a photo” button to display this image on any page of my app, be it repeating group or a pop-up. I will really appreciate, please I am sorry for the stress.
Certainly, I can provide you with a step-by-step guide on how to set up the plugin. However, you can also refer to the demo page and demo editor for the plugin to see how we have it configured on our end.
Here’s an example of a use case where you want to save the user’s picture to the database and display it on your page at a later time:
Added the “Cam Capture” element to the page and configured it according to the preferences. Since I want to save the image to the database, I made sure to select “Yes” for the “File uploads enabled” field.
Placed a button on the page and named it “Take a Picture.”
Created a workflow that is triggered by clicking the “Take a Picture” button. In this workflow, I added the action “Take Picture with Cam Capture” and configured it according to the use case.
Created another button with the action “Make Changes to Current User” and set up the fields in the database that will store the image data. You can get the image data from the state “Local image URL.”
Finally, you can insert the image data into an image element on your page. Add an image element to your page and set it to be dynamic with the data source as “Current User’s Image.”
The logic behind this setup is as follows: When the user presses the “Take a Picture” button, the plugin will capture an image from the camera. Pressing on the second button will save the image Base64 image data to the database. When there’s an image associated with the current user, the image element will instantly display it.
I hope this information is helpful, and if you have any more questions or need further assistance, please refer to the demo page provided above. If you still have questions, feel free to reach out to us.
I have managed to get my image showing in a pop-up, but the base64 url looks so large. Any idea how i can shorten that to fit into its space in the table.
I fetched the image url into a cell of a repeating group, from that i made a pop-up to show the image.
I’m afraid the plugin doesn’t provide a direct way to upload images to Bubble in order to obtain the URLs for the files. However, if you’re concerned about storage, saving the Base64 representation of the image will consume less space in your database compared to storing the files in Bubble’s “File Manager.”
If you still wish to upload files, you may want to explore the Bubble marketplace for plugins that enable file uploads from Base64 code.
@ZeroqodeSupport I’m running into an issue where the “File Name” field that you have doesn’t seem to be working. No matter what I put in there, the file on the database is called “cam_22342343…”. Could you please fix this as I need a custom file name?
Please accept our apologies for the delay over the weekend.
We’ve verified the details you shared and carefully tested them by replicating your use case on our side, here is our: test page, after the video is recorded, the name is generated as a dynamic random string.
