AWS File Uploader - Image Processing in Bubble

[philipp.laengle107]

Hi all,

in my web application I upload images into my S3 and populate fields on my pages in bubble. (This works perfectly fine). However on bubble I always used the processed by Imgix function. As the files uploaded by the AWS uploader plugin are not stored on bubble anymore, this processed by Imgix function does not work anymore.

Is there any way to be able to have some kind of processing happening when retrieving the images on bubble? (automatic resizing based depending on the container etc.) The bubble functions do not seem to work in this case.

I’m grateful for any hint into the right direction!

Cheers,
Philipp

[Ecaterina]

Hello, @philipp.laengle107

Please note that the GuiElement contains fields for resizing and image processing:

So, you can play around with these settings for proceeding with your image.

Please try it and let me know if this method is convenient for your app.
Best regards,

[philipp.laengle107]

Hi Ecaterina,

once again, thanks for your quick response!

I tested the resizing options already. My problem is that Users upload many different shapes of pictures (square, horizontal, landscape), which I would like to dynamically portray in an image with:
Fixed width of 320 & max height of 640.

As multiple selection needs to be available, manual cropping by the user is no option.

Do you see any way I could change the fileuploader settings to make this work? Maybe I’m missing something or I didn’t try the right settings yet…

Many thanks for your support!

Cheers,
Philipp

[Ecaterina]

Hello, @philipp.laengle107
Thanks for the details.

Please note that the functionality you are talking about is not related to the plugin settings, but to your application.
So, the main purpose of the plugin is to allow you or your users to upload files from Bubble apps directly to your AWS bucket and returns you a link to the file.
So, dynamically changing the image size should be proceeded in your application by separate settings. So you need to play around with the app settings.
Also, you can allow cropping the images during the file uploading:

Hope it will be helpful for you.
Best regards,