In the ‘Bucket Policy’ area you can configure the rules for security and privacy via Bucket Policy. Take a look at the “Action”, “Resource” and “Condition” fields where you grant access for reading the objects from our bucket.
In the ’ Access control list (ACL)’ area make sure that all the options deny access to another user:
Also, due to the absence of the screenshots of your Cross-origin resource sharing policy (CORS), please allow me to recommend you repeatedly to use exactly this configuration for denying access from the Outsider domain.
Hi, i do the changes now the access to the files outside my website is not posible, that is ok.
But in can access to the files in form my website too.
I block li you say the access and jut the permitted users can access the files, but in the first message plus your installation guide say here need setting “PUBLIC ACCESS” and when do this the files be access for anyone inside/outside my website.
Allow me to note that the plugin works even when the Public access is blocked, meaning you can upload files, remove them, etc, but they cannot be displayed through the link and it is obvious because the Public access is restricted. Once you enable Public Access the link shows the image. You should apply these settings:
We tested our Demo page and this option is working well.
I assume that this issue is related to Restricted access. So, you as admin see the uploaded files in Bucket, but can’t see them outside.
So, please change the Access, as was mentioned above, and try again.
In case if all mentioned steps will not bring results, you can add our Support Team email to the list of collaborators to your application and provide me by email ([email protected]) the credentials of your AWS Bucket. This will allow us to check your settings and run some tests to fix the mentioned problem.
To add our Support Team as a collaborator, you need to do the following steps in the Bubble Editor:
Sorry for the delay, I’ve been testing again and the problem persists.
Don’t touch anything at all, just create a page and add an image upload item to my S3 for testing.
The image loads, I get the URL and show it on the screen to see that the URL was actually created successfully.
But when I use that same URL in an image component to display the uploaded image, the image is not displayed.
I went to my S3 and looked for the file, I tried to open it in my browser and it doesn’t show it (this is perfect, I shouldn’t be able to see the file outside of my website), but it doesn’t show it inside my website either.
Can you please elaborate more regarding the “image component” and your flow for displaying the image on the page?
I’m afraid that we cannot reproduce this issue on our side without more details. Please share with us the screenshots/screencast of the current settings for this and the steps for reproducing your issue.
As was mentioned in our previous conversation, after checking your application with our team, the image uploading and displaying worked properly.
In image 3, what I did was inspect the image component and you can see that it is actually receiving the URL from Fileuploader but it does not show it due to permissions problems (this is my guess since I did not touch anything in Bubble, or in S3 ).
We checked the possibility to display the URL, which was uploaded in the S3 bucket, in the image component.
Please make this condition “Off” in the ‘Block public access’ section (other points remain “On”):