[UPDATED] Upload Buddy - Take Control of Your Bubble Storage! (v1.2.0)

You are correct… until you try posting through their API and then you enter the world of “rejection pain” :slight_smile: I have another “step / crop tool” that allows to crop to the exact “Instagram dimensions” but was hoping to already get a head start at upload if that was easy to set.

Not using Upload Buddy, but you should’t need a plugin for that. Bubble can do it natively (although you don’t have access to the file details like size, width, height, etc.)

1 Like

true… that’s probably not the best case for this plugin. I’m currently using “uppy” for video, and have been (unsuccessfully) searching for an easy way to get a thumbnail from the first frame. Probably a request for another plugin feature (or ad hoc development ?)

Oh, I see. :neutral_face:

Upload Buddy doesn’t crop. Period. It only scales, and does so proportionally - i.e. maintains aspect ratio. Thus, you could restrict the dimensions by either width or height, but you couldn’t crop or otherwise alter the original aspect ratio.

Good to know. Thank you for quick reply as always… you rock !

Absolutley. I understood that it doesn’t crop and am using TinyPng’s API for that (sorry if I wasn’t clear). My inquiry was to be able to choose to rescale by width or height :slight_smile:

Yes, technically, you can. If all you want to do is constrain the width to 1080 regardless of height, then some logic like the following should work…

  1. Determine orientation.
     
    If width > height, it’s landscape. If height > width, it’s portrait. If equal, it’s square. (Duh. :wink:)

  2. Determine aspect ratio.
     
    If landscape, divide width by height. If portrait, vice versa.

  3. If aspect ratio not within allowable range, handle accordingly.

  4. If aspect ratio ok and is landscape orientation, then “fit within” desired width (1080 let’s say).

  5. If aspect ratio ok and orientation is portrait, then multiply height by 1080 and divide by width (height * 1080 / width) and “fit within” that result.

I think that would do it. Would have to do some testing to be sure, but the math is straightforward, and the data is available through the plugin.

Don’t know if that helps or not. :neutral_face:

:slightly_smiling_face:

1 Like

Will give it a try! Thanks so much

1 Like

FWIW, I often use custom states to hold intermediate values (e.g. aspect ratio, orientation). It makes expressions easier to write and read, and makes the Bubble logic easier to understand.

Good luck! :slightly_smiling_face:

1 Like

Hey @sudsy, great plugin!

Is there a way to restrict mobile users to only take a photo and not have the option to upload a file (perhaps go straight to camera view)?

1 Like

Hi @doublejay, and thanks.

There is no such option currently, but I can look into the possibility of adding it in a future update.

-Steve

1 Like

This would be much appreciated!

If it would help to speed up development, I’d be willing to chip in a bit (I have active clients asking for this feature) :slightly_smiling_face:

Thanks

Let me do a little research, and I’ll private message you.

-Steve

Cool thanks!

Hi, I am wondering if this plugin is good for pictures taken from mobile camera. I’ve been seeking a solution for fast reliable uploader as bubble’s both pictureuploader and fileuploader take forever to display image in the image element and uploads to storage.

I hope this solves my problems.

Yes, it works with mobile. You can try it yourself on the demo page. (The original demo page is no longer accessible after Bubble removed the ability to deploy on free plans.)

A few things to note…

  • There’s an upload limit of around 50 MB. (The selected file can be larger than that, as long as it’s scaled down before uploading.)
  • Only one file can be uploaded at a time.
  • Only the environment camera can be used to capture an image (will not work with the user facing camera).

More details here, including a link to the documentation.

Regards,

-Steve

1 Like

Hey Steve,

I tried your plugin at the demo page and it’s pretty good although I am not sure how fast the uploading would be in quite poor connection level.

Anyway, what I found is that in your demo page, you have Upload options section, but I don’t want it and want to preset all the options in order for users not bothered with such. In short, take a picture and upload straight. Is it possible?

Thank you so much,
John

Whatever the speed of the connection, it will take less time if the image is downsampled (scaled down), which also results in a better UX. That was the primary impetus for creating the plugin (for an image-intensive app I was developing at the time). Of course, since the plugin was released, Bubble storage has increased tenfold (the amount you get - not the price), but I always try to conserve resources regardless.

Yes, of course it’s possible. There are actions and events to enable that. Everything is asynchronous, so you can’t simply put an “upload” action after a “scale” action within a single workflow. Instead, you must upload the image after the plugin notifies you it’s been scaled. That’s done by implementing the Image is scaled event/workflow.

The demo is intended to showcase some of the features - not show how the UI must be constructed. Did you check the menu in the upper right of the demo page? There are other UI implementations shown there.

If you’re brand new to Bubble, you should spend time familiarizing yourself with the platform first. And again, please consult the docs.

Regards,

-Steve

1 Like

Thanks a lot.

The demo links doesn’t seem to be working. Is there another demo link I can try the uploader on?