CODEWITHSUNDEEP
htmlnode.jsamazon-web-servicesamazon-s3permissions
Brian
Brian

Reputation: 145

AWS S3 - Allow public to view HTML files

I am looking to allow public users to view HTML files located on an AWS S3 bucket on their browser. These HTML files are created and uploaded to my S3 bucket via node.js, and a URL linking to the file is generated.

I am using this method to upload the HTML files:

s3.upload({
    Bucket: bucket,
    Key: "HTMLFiles/file.HTML",
    Body: fileStream,
    ACL: 'public-read'
}, function (err, data) {
    if (err) {
        console.log("Error: ", err);
    }
    if (data) {
        console.log("Success: ", data.Location);
    }
}).on('httpUploadProgress', event => {
    console.log(`Uploaded ${event.loaded} out of ${event.total}`);
});

When the script is run, the generated URL looks something like this:

https://bucket-name.s3.region.amazonaws.com/HTMLFiles/file.html

(Obviously this is only an example URL and not the actual URL)

When a user goes to this URL, instead of viewing the HTML file, the browser instead downloads the file.

How can I specify that this file is meant to be loaded on the browser and viewed, not downloaded?

Upvotes: 3

Views: 2035

Answers (1)

jogold
jogold

Reputation: 7407

This is because the content type is missing so the browser doesn't know that your file should be interpreted as HTML.

Please add ContentType: 'text/html' in the parameters passed to s3.upload.

See also the explanations and links given in Upload Image into S3 bucket using Api Gateway, Lambda funnction

Upvotes: 5

Related Questions