Hello,
Beginners here - we would appreciate your assistance.
We are designing an app on Bubble where a User uploads their photo with some information (e.g. location). We have written some script which connects to the AWS bucket through an API (following this link https://www.youtube.com/watch?v=rx7wsXqMUo0).
In a nutshell this is the process that we've designed - the user on the bubble application selects their photo and then clicks view image. Once view image is clicked the application sends the image to AWS via API, and then displays the same image in the bubble application. Ideally, this process would be quite quick, but we have set some wait times (10 seconds) on the application before the bubble application looks for the image in the AWS bucket to display it.
Seems simple enough, and following the link above, everything seems to work fine. However, we run into some problems once we begin testing it more vigorously, which we're not sure if it is on the AWS side, or the bubble side.
Problem: It appears that some images don't display in our application (despite being in the AWS bucket). The error we receive in Bubble is:
The image could not be loaded: https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F5f8316d6ec5a770d0465f37a2697e910.cdn.bubble.io%2Ff1683101435365x646561104326294700%2F1683101426407x113430567633551360-IMG_8627.jpg?w=384&h=384&auto=compress&dpr=2&fit=max .
We have tested from different browsers, from Iphones and with different sized photos. The only pattern we can identify is that it doesn't seem to work with files greater than ~1.5MB. We are completely stumped - it works sometimes but not others - how can we identify what the issue is?
