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

Can it crop images now?

Hi @shu.teopengco, thanks for your interest in my plugin. No, it does not. It was never mentioned as a planned feature.

That said, I haven’t ruled out the possibility, but I have no near-term plans to implement it. If/when I do, I’ll announce it here in the forums.

Regards,

-Steve

Hi @sudsy! I’m loving your plugin so far, but I have the following issue, when I upload an image from my device camera it rotates itself and thus ruins the UX :frowning: Is there a way to fix this?

In advance thanks!

Hi @pipeleteli. Hmm, well the plugin does examine the photo metadata and reorient the image if need be. Which device are you using, and would it be possible to send me the raw (straight from the device) version of an image that’s not properly oriented after uploading?

Please send it via PM if you can.

1 Like

Hi.
Thanks for this plug in, just purchased.
I am developing a social media app that will allow users to upload photos.
whats your recommendation on : 1) allowable file types (mobile mainly) 2) setting for max file size (I am thinking 500 KB covers the medium photo size on Iphone?) - how do I set that in the conditionals?
thanks!

Hi @stephenrbrowne, thanks for supporting my efforts.

That’s entirely up to you, but if it’s an image-based site, you probably want to restrict uploads to only images so that folks aren’t uploading zip archives, disk images, binary executables, or anything else that can’t be viewed in the context of a web page. JPEG, PNG, and GIF would likely cover the bases.

It’s important to understand that you must implement the Bubble logic to enforce the allowable upload types. Upload Buddy provides information about the selected file so that you can implement your desired logic. The plugin is pretty well documented, so I would recommend checking that out.

There really is no optimal recommendation. It depends on your target demographic, the type of connectivity they will likely have, the size at which the images will be displayed (will they be viewed on big desktop screens?), and how frugal you wish to be about your Bubble storage. 500K certainly sounds reasonable for decent sized JPG.

You’d likely want to restrict uploads by mime type and file extension. Keep in mind that restricting uploads is not automatic. The plugin provides you with information about the selected file, but the onus is on you, the Bubble developer, to implement your desired logic/UX using standard Bubble techniques. Again, check the docs (and perhaps the demo edit mode as well); and if you encounter any issues, let me know.

Regards,

-Steve

thanks for that. I see the logic now in the Demo version in Bubble.
one thing, I see the photos are being uploaded at 90 degree angle on the demo

Yes, this issue was just reported. Something’s apparently changed since the plugin was released with regard to how EXIF data is handled, as it’s been working fine for months. I will post here when the issue is resolved.

1 Like

Just a quick follow-up. This issue has been identified, and a solution is being implemented. Turns out that the API’s being used by the plugin are now automatically orienting images based on EXIF data, so that started conflicting with the plugin, which had been doing this automatically behind the scenes.

The solution will take more of a hands-off approach to image orientation but still allow some control by the Bubble dev. I expect to release an update my mid to late week. I’ll announce it here.

1 Like

Great! Thanks :slight_smile:

Version 1.2.0 Now Available

This release of Upload Buddy includes the following changes:

  • :wrench: [FIX] Some image files were incorrectly auto-rotated when selected.
  • :white_check_mark: [NEW] Action to rotate an image in 90 degree increments.
  • :white_check_mark: [NEW] Custom thumbnail size configuration option.

If there are any questions, let me know. Feedback is welcome and appreciated. (Thanks, @pipeleteli, for reporting the rotation issue. )

2 Likes

HI @sudsy
I am looking for a plugin which can retrieve geo tag from photo.
Is this plugin can do it ?
If no, do you have the plan to upgrade?

Hi @KeitaroNakata, thanks for your inquiry. No, this plugin does not expose EXIF data, and there are currently no plans to do so.

1 Like

Documentation link:

Thanks for the heads-up, @marco1. Here are the updated links…

Regards,

-Steve

Thank you for this great plugin Steve.
Quick question: how can I set the resize to scale to the width of pixels instead of the height ?
I’m using it to resize for posting to Instagram that has a check on the width (1080).
Thanks in advance !
Dee

And… another question / request :slight_smile: Any way we could get a thumbnail for a video ? That would really make my day.

And last question (I think), would it be possible to upload from a URL instead of uploading a file from the computer ?

Hey there, Dee.

According to the Instagram docs, there are limits on height, width, and aspect ratio; but they will automatically scale and/or crop the image to ensure it complies with their requirements; so technically, you don’t have to worry about any of that.

Upload Buddy’s real value is simply in ensuring images uploaded by users from their device don’t consume excessive space in your Bubble storage.

Upload Buddy only scales (it doesn’t crop), so you can keep things simple and scale images to “fit within” some reasonable dimension like 1200 or 1500 pixels. That will keep your Bubble storage down. Instagram will then ensure the images are further scaled (or cropped if need be) to comply with their requirements.

You could, of course, determine orientation and aspect ratio, but that seems like unnecessary work for your use case.

Hope that helps.

1 Like

Not currently, but I can add it as a feature request. Please note, also, (as stated in the docs) that Upload Buddy currently uses Bubble’s legacy upload mechanism, which is limited to files 50 MB in size, so keep that in mind if you’re uploading large files like video. (Bubble’s native upload elements no longer have that limitation.)

1 Like