How to download S3 object data using plain Javascript (no Node)

Question

So I am using AWS Javascript SDK to S3 object, using this method:

http://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#getObject-property

The call completed successfully, however it only shows the Object data with string.

How can I download this file from browser with only plain Javascript?

Chase · Accepted Answer · 2017-07-29 01:39:39Z

3

The documentation clearly states in the Callback section of the getObject method that data.Body will return a "Buffer, Typed Array, Blob, String, ReadableStream".

That's your file.

answered Jul 29, 2017 at 1:39

Chase

3,1053 gold badges20 silver badges24 bronze badges

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

Comments

Roizy Kish · Accepted Answer · 2023-07-11 15:48:10Z

0

Here is how you can download a file from AWS using vanilla JavaScript.

let bucket_name = 'name of your bucket';
let folder_name = 'name of your folder';
let file_name = 'name of your file';
fetch('https://' + bucket_name + '.s3.amazonaws.com/' + folder_name + '/' + file_name + '.jpg')
.then(resp => resp.blob())
.then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = file_name.split("/").pop();
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
})
.catch(() => console.log('oh no!'));

answered Jul 11, 2023 at 15:48

Roizy Kish

736 bronze badges

1 Comment

Ghost Over a year ago

To help people understand your answer better, please provide some extra information along with the code you shared.

Collectives™ on Stack Overflow

How to download S3 object data using plain Javascript (no Node)

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related