Forum Academy Marketplace Showcase Pricing Features

Extract data off a card via a picture

Has anyone tried to use the image uploader with a phone or tablet to pull the numbers off a card and fill them into a input (store in database)… I was thinking there are lots of cool things we can use this for beyond just capturing credit card info like Uber and other apps do…


You could probably implement the Ocrad.js library via a plug in.

I was going to have a go, but then thought I wasn’t ready to get sucked into and distracted by the world of plug-ins just yet!

Maybe something for the Croppie author @mishav to have a go at!

1 Like

@mishav is a champion! Misha, have you thought about this?

Haha, the thought about doing client-side OCR in a plugin … resembles a nightmare about being trapped in spaghetti, without a fork.

Reading the articles relating to @DaveA’s link:

The two implementations look only vaguely accurate, and “the good one” Tesseract using a neural net sounds too large to run on a client.

Probably have better luck finding an OCR API.

Edit: there is a javascript port of Tesseract, so yes, it may be doable:

1 Like

hi @mishav , can you explain how can I use it in Bubble?

There’s a basic sample here, include in a HTML element:

Remove the src script, and instead on page html add the src to the cdn as mentioned here:

You could then put the resulting text to a Bubble value using the Toolbox : )

I haven’t tried it, looking forward to see if you can get it to work.

1 Like

Thanks @mishav!

On the subject of ocr, found this api yesterday! One call later im reading pdf’s and images back into to bubble in less than 8 seconds… as usual grab a free api key :slight_smile:

1 Like

@jarrad cool, can you share more screenshots on how to install it in Bubble?

@lior.desk no problem i will do it up as a plugin now. Cheers

1 Like

@lior.desk -