Forum Academy Marketplace Showcase Pricing Features

File uploads > 50MB + Video Capture - New Plugin from Zeroqode

Showcase
#1

Hey Bubblers
This one has been awaited for a long long time :slight_smile:

This plugin uses uploadcare.com integration for allowing to upload files more than 50MB (up to 5GB depending on a plan Edit up to 5TB). Users can choose to upload from various sources: computer, device camera (for video recording as well!), URL, Facebook, Google Drive, Google Photos, Dropbox, Instagram, Evernote, Flickr, Onedrive.
Once the upload is finished, the plugin returns a state with URL of the uploaded file.
You can customize the look and feel of the widget from your Uploadcare dashboard - for example you can configure it to only show the camera capture option.

Here is the plugin page: https://bubble.io/plugin/uploadcare---upload-files--50-mb-1520947543761x612442212700782600

Demo page:

And some screenshots

02
Screen Shot 2018-03-22 at 16.42.02.jpg2090Ɨ1268 110 KB

image
image.jpg672Ɨ1152 66.1 KB

image
image.png638Ɨ932 23 KB

Levon Terteryan
Founder @ Zeroqode

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-Code Development Services

8 Likes
Plugin Wish List - Submit Your Ideas
Audio Recorder Plugin
#2

Holy cr*p! Is this for real? Amazing stuff.

Did you get it approved by Bubble as I know @jarrad had an issue with this with the team. Looks like its all sorted? Or this is like ZIggeo where you directly upload into uploadcare?

Iā€™ll check it out right away!

2 Likes
#3

yes, the files go directly to uploadcare and we got approved by Bubble :slight_smile: All paid plugins go through the Bubble review process :slight_smile:

#4

A few Questions @levon

  1. In the back end of the plug-in can we specify the file types which can be uploaded precluding those that are not for exampleā€¦ If I connect to third-party storage such as dropbox or my local files can I predefine that it.pdf only

  2. Can we actually limit the selected file size precluding those above a certain limit? I appreciate this is not touching bubbles servers and going directly to uploadcare

  3. Can we control which of the options available such as third-party storage camera uploads will be available to the user. For example can I just have local files and say dropbox only

  4. Would I be correct in thinking that if I chose to pay for a higher plan on uploadcare i could have a custom OAuth meaning that when you select a third-party storage to connect to it would not show Uploadcare wishing to access a consumers third-party storage but my domain or similar. My guess is this is irrelevant of your plug-in and is purely based on my subscription plan to uploadcare

  5. When you click to upload a file and select one. There is no progress bar or indicator that the upload is happening. Is this by designā€¦ with uploadcare own demo there is a circular progress bar which corresponds to the amount of data uploaded and finishes when complete. Is there a percentage complete option. At the moment in the demo the page just looks inactive although itā€™s obviously uploading

1 Like
File Uploader Limit & S3 Storage
Uploading large files
#5

Iā€™ve invited folks from Uploadcare to this thread and join the discussion, answer questions etc. They should be here soonā€¦

#6

Can you tell me what I need to do in uploadcare and what in Bubble?

I set the public key in the plugin settings, but still get prompted. Also if I want to customize the chooser, I need to add the widget code to my head still?

Would be nice to have those options in the plugin settings

image
image.png981Ɨ517 16.6 KB

#7

you need to sign up at uploadcare and then use the public key in the plugin. The widget can be customized through uploadcare dashboard. Weā€™ll check the error that you are having

#8

I can customize it but its not saved. As I said, the key is added in the plugin settings.

You check or uncheck what you need in the widget and then the widget code will set it was my thought? Each time I move away after setting the options and I return all the options are ticked again.

Better get Dmitry on the forum :wink:

edit: i see there is an upgrade

#9

yes, i already asked him and Igor to join :slight_smile: one of them will be here :wink:

#10

yes you should try that - i guess that will fix the error you were seeing
donā€™t forget to reload your app after that

#11

So now there are 2 places for the public key? Whats the point in the plugin settingsā€¦ I guess weā€™re in the middle of user testing now :wink:

image

#12

Bubble plugins were having some glitches today, we had to apply a quick patch. Will fix this asap

1 Like
#13

Ok, initial thoughts:

  1. Widget looks nice, but it looks like now I need to add the uploadcare widget code to my header to add my custom widget.
  2. Progress indicator would indeed be good to have.
  3. Tried uploader in webview for Android. I can take a photo with the Camera option but no video.
  4. Tried the uploader in mobile browser (Android,Chrome) and also no video capture available, only pictures.

These are a must for me to be a paying customer.

#14

the widget code is added with the plugin i believe - but weā€™ll double check. as for the rest - I see Dmitriy is already here and typing a reply, will let him answer

#15

This is great work :slight_smile: Definitely trying to get around the 50MB limit.

What is the status of file permissions, privacy and access control? How would we go about limiting access based on user role, for instance?

If I were to install this plugin in one app would I be able to use its functions via API from a separately connected Bubble app?

#16

Hi everybody!

my name is Dmitry and Iā€™m from Uploadcare team.
Let me try to be of help here.

First, itā€™s up to 5 TB, not 50 GB )

  1. In the back end of the plug-in can we specify the file types which can be uploaded precluding those that are not for exampleā€¦ If I connect to third-party storage such as dropbox or my local files can I predefine that it.pdf only. Can we actually limit the selected file size precluding those above a certain limit? I appreciate this is not touching bubbles servers and going directly to uploadcare
  • every uploads go directly to Uploadcare, in Bubble you get the URL to uploaded files/groups.
  • you can specify what you want your users to upload
  • as for file sizes, you may use validation functions and discard any files that donā€™t pass your validation
  1. Can we control which of the options available such as third-party storage camera uploads will be available to the user. For example can I just have local files and say dropbox only

Sure

  1. Would I be correct in thinking that if I chose to pay for a higher plan on uploadcare i could have a custom OAuth meaning that when you select a third-party storage to connect to it would not show Uploadcare wishing to access a consumers third-party storage but my domain or similar. My guess is this is irrelevant of your plug-in and is purely based on my subscription plan to uploadcare

Yes, your users will give permissions to your apps, not Uploadcare apps that are used by default.

  1. When you click to upload a file and select one. There is no progress bar or indicator that the upload is happening. Is this by designā€¦ with uploadcare own demo there is a circular progress bar which corresponds to the amount of data uploaded and finishes when complete. Is there a percentage complete option. At the moment in the demo the page just looks inactive although itā€™s obviously uploading

In the demo, dialog is being closed when a file is being picked.
If you enable ā€œpreview stepā€ it will not close and youā€™ll see that awesome circular progress bar.
Also, you have an option to create your own progress indicator.

2 Likes
#17

Iā€™m hoping to be able to add different kind of saved widgets. As far as I can see its either images or everything. Not anything else specified.

But one widget could be image only, one could be ā€˜otherā€™. I guess you can limit access to the uploader with custom states.

#18

Vincent,

on mobile devices ā€œwebcamā€ tab should be hidden and you should be able to use your native camera apps to capture video, photo or sound. Itā€™s up to OS to give you the choice.

Itā€™s much better than video capture APIs that mobile browsers provide.

#19

it is a mighty awesome circular progress barā€¦ When you say my own progress barā€¦ Could this be a percentage % loaded or as a graphicā€¦ Possibly a very low-level question but does the progress bar graphic correspond exactly to the data uploaded meaning when the graphic is complete the upload is subsequently complete? Thank you for the answers on the other questions

#20

You can use the functions in your apps by sharing API keys.