How can we get the Object URL of the uploaded image to the Amazon s3

[Akshat_Kaushik]

I have created a Retool dashboard that Is uploading the image to the amazon s3 bucket in a folder using retool GUI

I need to extract the Object URL of the image I have uploaded how can I do this

[agaitan026]

same here, i cant grab url like when s3 upload component existed, now its deprecated

[Paulo]

Hello @Akshat_Kaushik and @agaitan026, could you share a screenshot of the response of your S3 query? Feel free to hide any sensitive data. The Object URL should be part of the response, a success event handler may be the way.

[agaitan026]

in my case this is the output

Output

• • signedUrl:"https://adjuntosdbs.s3.us-east-1.amazonaws.com/null?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6ODU26TBNAQYBWFC%2F20240815%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240815T134405Z&X-Amz-Expires=60&X-Amz-Signature=82ac484071b69e79cc8f056d62e625cb7ce33a6f68587dc121717800274f74c6&X-Amz-SignedHeaders=host&x-id=PutObject"
  • fileName:"null"
  • fileType:"null"

[Paulo]

I did some testing it's possible to read and download a file from S3 if we use a file name when uploading.

For example, after running this upload with the name of 'export.csv':

The upload has both Etag and Key properties:

Although the response of the upload does not give us the Etag, it does give us the fileName:

We can use the fileName as a value for "S3 file key" to read or download the file:

For the object URL, we can use this data to get it as well.
An Object URL in S3 has the following structure:
http://${bucket_name}.s3.amazonaws.com/${key}

Replace ${bucket_name} with yours and ${key} with the fileName, that is the Object URL for that file. I just tested it on my end, I can go to that address and see the file on the browser.

[agaitan026]

awesome works good