Can we restrict Picture Uploader to mobile camera?

Questions
1

Hi everyone,

I’m working on an app for use on mobiles, does anyone know if it’s possible to restrict the Picture Uploader element to prevent images being uploaded from local storage? I want to force users to capture the image with their phone camera at that particular moment.

Any thoughts on how to achieve this would be fantastic.

Cheers!

1 Like
2

Yes add the uploader to group and hide it when mobile used. Use condition when page width <520 for example

4

picture uploader is automatically on the local storage … I don’t think it is possible to force the camera

5

Be nice! It is not your call to tell me answer or not.
You are not the one asked the question…
we are trying to help each other here.
I understood the question wrong… i though he is asking is it possible to prevent picture uploader to appear as an element on mobile view

2 Likes
6

I think you have two ways to implement this.

  1. if you wrapped the app. Make it an android/ios app with Superview (native wrapper)
    SuperView, Bubble, OneSignal and More

or BDK plugin option

they do have trial version you can try it yourself :slightly_smiling_face:

  • It is easy to implement
  • you can use whatever native functionality you want. You will have to pay yearly subscription for google play … app store fees though
  1. Maybe you can use OCR bar code plugin/build your own. There are several plugins

Zeroqode has one

Screenshot_20200429-080003_Firefox
Screenshot_20200429-080003_Firefox1080×2134 390 KB

7

Thanks for the suggestions solinz!

I’ll look into these now

8

Good luck :rose:

9

Add an HTML element and input this code
<input type="file" accept="image/*" capture="camera" />

On desktop it will open file upload. On mobile it will open camera. Alas, I have no idea how to save the picture to bubble.

1 Like
10

Use the plugin that can detect device type and add conditional statements on the File Uploader to solve the issue.

1 Like
11

I am doing research on this as well. This plugin seems to enable you to just open the phone’s camera > https://bubble.io/plugin/mobile-camera-input-1575342510713x556644759354212350 (I have not tried it though … just the demo)

12

Hi! Which plugin is this?

13

That plugin should be fine :slight_smile:

14

Hi. Did you already use the plugin Mobile Camera Input Plugin | Bubble ? Does it help just open the phone’s camera and prevent user from uploading the old images from phone’s gallery? If yes, pls advise me how to do that. I tried that plugin but it open both camera and gallery so that users can not only take pictures but also upload old images from the gallery…
Thanks.

15

There seems to be one free and a few paid plug-ins for this.
For those attempting to do it on their own, I still haven’t solved it, but this article got me close:

Demo here: Camera in browsers - pixo

My issue is I still can’t figure out how to save the photo to bubble.

16

Hi @devin.fraze !
Sorry to join this thread so late!
With this plugin Simple Mobile Camera Input saving the photo to bubble is done automatically by the plugin itself :slight_smile:
Let me know if that helped you!

Rick