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 Amazon S3 Objects Publicly Accessible
lock
Testing the CloudFront Distribution
lock
Disabling a CloudFront Distribution
lock
Deleting a CloudFront Distribution
lock
Destroying an S3 Bucket
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:

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

 

Instructions

1. Download the demo gallery to your computer then unzip the file after the download is complete:

Copy and paste the link to a new browser tab and hit enter to begin the download.

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.

After extracting, you should see a folder or directory on your local file system called gallery.

 

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 folder:

alt

A file picker will open.

 

6. Using the file picker, select the gallery folder or directory on your local file system where you unzipped the gallery.zip file earlier.

Tip: You can also drag and drop the gallery folder onto the Amazon S3 upload page:

alt

With the gallery folder or directory selected for upload, the Files and folders section will look like this:

alt

 

7. To upload the gallery files, scroll to the bottom, and click Upload:

alt

You will see a blue notification showing the progress of the upload:

alt

Wait for the notification to turn green and report Upload succeeded.

The demo gallery is now stored in the S3 bucket.

 

8. To exit the Upload form, in the top-right, click Close:

alt