Image to base64 encode blank

zachale · 2024-08-19T15:28:01.699Z

I need the ability for users to capture a photo of their ID card from their phone, upload it, and then send it via API for ID verification. I can get the images to upload and decode to base64 from a desktop. However, when trying to do this from a mobile device, the image uploads, but the base64 field remains blank. This is only on mobile. Any suggestions? I need a decent quality image so that the barcode can be sent for verification.

jonah.deleseleuc · 2024-08-19T18:10:30.204Z

Bubble

Templates for Bubble

Buy and sell Bubble templates to speed up app development. Bubble is a visual programing language that lets you build apps without code.

Better Uploader allows you to access files as base 64 data URIs before uploading them to the server. This should make it much easier to do what you’re trying to do. With my plugin, you can send the API call with the base64 encoded image without consuming any WU’s

zachale · 2024-08-19T18:59:50.306Z

Looks like this could be the tool for me. Can you give me the instructions for my workflow? Basically I want the user to upload a photo of the front of their DL, capture the base64 without any issues, save the photo to the bubble data base, export the base64 via API. What order does my workflow with this plug need to be setup in? Really appreciate your assistance.

zachale · 2024-08-19T21:53:51.367Z

This plug in is giving me the same issue. A base64 is not being created when an image is uploaded from a mobile device, only desktop. The file is being saved to the database and displayed in the “thing” but not triggering the base64 encoding. When a file is uploaded from a desktop, everything functions correctly. Any suggestions?

ihsanzainal84 · 2024-08-20T00:45:51.029Z

What mobile devices have you tested with. Have you tried others? What browsers were those mobile devices using? Have yii tried others?

zachale · 2024-08-20T02:49:14.127Z

It’s with all mobile, android and iphone. Chrome and Safari. The file saves to the database but a base64 will only generate if the photo is uploaded from a desktop. Not sure what is causing the issue.

ihsanzainal84 · 2024-08-20T12:27:38.270Z

Add a debug text element to display the base64 instead of saving it. See if it’s there in mobile.

zachale · 2024-08-20T23:21:16.244Z

On mobile the encode64 option remains blank

ihsanzainal84 · 2024-08-21T00:02:08.365Z

What’s your WF like and what plugin are you using?

zachale · 2024-08-21T00:15:40.419Z

I have changed it multiple times but here is my current setup. I have used basically every image uploaded and even tried using the better uploader option.

image1652×1089 61.3 KB

ihsanzainal84 · 2024-08-21T09:57:22.180Z

zachale:

On mobile the encode64 option remains blank

If you can’t get this to work then no point trying to add it to a new Customer. To save yourself some sanity try getting the debug to work first.

I don’t know about the plugins you are using but first thing I would try is to check if it’s a timing issue. Does the current plugin you use have any kind of “When image uploaded” trigger?

jonah.deleseleuc · 2024-08-31T11:29:25.503Z

If you’re using better uploader, there’s a “when files are uploaded” event. You have to save the file after that event gets triggered!