Uploading a Demo Image Gallery to the S3 Bucket

Lab Steps

lock
Logging in to the Amazon Web Services Console
lock
Creating an Amazon S3 Bucket
lock
Creating a CloudFront Distribution
lock
Uploading a Demo Image Gallery to the S3 Bucket
lock
Making the S3 Files Publicly Accessible
lock
Testing the CloudFront Distribution
lock
Disabling a CloudFront Distribution
lock
Deleting a CloudFront Distribution
lock
Destroying an S3 Bucket
live-help Need help? Contact our support team

Here you can find the instructions for this specific Lab Step.

If you are ready for a real environment experience please start the Lab. Keep in mind that you'll need to start from the first step.

Introduction

In this lab step, you will upload an image gallery to the S3 bucket you created previously.

The gallery is composed of:

  • Set of image files
  • HTML page that lists each image
  • JavaScript and CSS files for enhancing the image visualization

 

Instructions

1. Download the demo gallery to your computer and unzip it:

Exact instructions for unzipping will depend upon your operating system. In most operating systems when you open the file you are asked if you want to unzip or extract it.

 

2. Navigate to S3 in the AWS Management Console.

 

3. In the list of buckets, click on the name of the bucket you created previously:

alt

 

4. To open the upload wizard, click Upload:

alt

 

5. Click Add files:

alt

A file picker will open.

 

6. Using the file picker, select the gallery folder or directory where you unzipped the files to earlier.

Warning: You must upload all the files in the unzipped gallery.zip file.

Tip: If you are unable to select a folder, try dragging the gallery directory or folder on to the upload wizard:

alt

With gallery folder or directory selected the upload wizard will look like this:

alt

 

7. To upload the gallery files, in the bottom-left of the wizard, click Upload:

alt

At the bottom of the page you will see a progress bar when the files are uploading:

alt

Wait for the progress bar to disappear and until you see 1 Success in the Operations row.

The demo gallery is now stored in the S3 bucket.