How can you view any file uploaded in aws s3 bucket thru an url in an web application

Question

i am developing a preview function where i want to view objects from my s3 aws bucket. i get this url: https://[BUCKET NAME].s3.us-east-2.amazonaws.com/[FILE NAME].[EXTENTION] and when i open it the file automatically starts to download whereas i just want to view the file not download it as an attachment.

i have tried google viewer url: https://docs.google.com/viewerng/viewer?url=https://[BUCKET NAME].s3.us-east-2.amazonaws.com/[FILE NAME].[EXTENTION]&chrome=false . it works fine but i was asked specifically to find a way to view thru aws url as the google viewer at times is not loading fast and also leaves the screen blank for a long time.

This is to be done in flask (python framework). I am using dropzone.js to upload it to my aws. I am also using jquery .

What type of file is this? Binary, jpg, pdf? Are you familiar with the purpose of the Content-Disposition header? — jarmod
– jarmod, Commented Apr 23, 2024 at 11:53
yes content disposition is what i have tried but i am uploading thru dropzone and it's not so useful. the file types are doc, docx, pdf & wps — Mrudu's Stack
– Mrudu's Stack, Commented Apr 24, 2024 at 9:22
I have done google viewer in this way now in iframe: '<iframe src=[link]"https://docs.google.com/viewer?url='+IMAGE_UPLOAD_PATH_AWS+''+file[3]+'&embedded=true&chrome=false/edit?&rm=minimal" class="upload-images-box vehicle-img" frameborder="0"></iframe>' and it is working fine but the only issue is the widgets google is giving me inbuilt with the url how do i remove it ? — Mrudu's Stack
– Mrudu's Stack, Commented Apr 24, 2024 at 9:24

Divyesh106 · Accepted Answer · 2024-04-24 09:42:57Z

0

Here is some server side set up need to required. While upload file into AWS S3 Bucket set below configuration.

In Spring Boot Java

AmazonS3 amazonS3;// define bean in configuration file

// put file into bucket and get public URL for it by that we can access it

amazonS3.putObject(new PutObjectRequest(bucketName, fileName, file).withCannedAcl(CannedAccessControlList.PublicRead)); 
// get public URL
fileUrl = String.valueOf(amazonS3.getUrl(bucketName, fileName));

edited Apr 24, 2024 at 9:42

answered Apr 24, 2024 at 9:40

Divyesh106

13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mrudu's Stack Over a year ago

i have a public url to access but when i go on the url it downloads the file instead of viewing it

Mrudu's Stack Over a year ago

also sorry for adding in later i am using python not java

Divyesh106 Over a year ago

if you get the public url using amazonS3.getUrl() then using that url you can view only file in browser if file will be image,video or pdf

John Rotenstein · Accepted Answer · 2024-04-28 10:31:52Z

0

It depends upon extension of the file you are trying to access via the url.

Extensions with img and mp4 can be easily viewed in a webpage without any confusion.

If you want to access file with other extension like html, css, javascript you can try using static-web-hosting in s3.

edited Apr 28, 2024 at 10:31

John Rotenstein

273k28 gold badges456 silver badges541 bronze badges

answered Apr 24, 2024 at 11:32

Abi Venkatesh

12 bronze badges

1 Comment

Mrudu's Stack Over a year ago

my primary focus is pdf, doc, & wps basically documents

Collectives™ on Stack Overflow

How can you view any file uploaded in aws s3 bucket thru an url in an web application

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related