Dropzone Amazon S3 Setup Guide

Stage 1: Create Amazon AWS Account

The first step to getting Amazon S3 working with Dropzone is to create an Amazon Web Services (AWS) account. An AWS account allows you to use many different cloud services that Amazon provides including S3 storage. If you already have an AWS account setup you can skip to setting it up with Dropzone.


To create an AWS account, visit http://aws.amazon.com, click the 'Sign Up Now' button and follow through the signup process as shown in the following screenshots.




You need to enter your credit card details to create an AWS account.
Upon sign-up, new AWS customers receive 5 GB of Amazon S3 storage and 15GB of data transfer out each month for one year.

You can view full Amazon S3 Pricing information here




Stage 2: Setup AWS account with Dropzone

First, make sure you are using Dropzone 2 or later. Earlier versions of Dropzone do not have Amazon S3 support included.

Open the Dropzone grid by clicking on the menu item and click the 'Preferences...' button to add a new destination to your grid.





Click the 'Add' button and select 'Amazon S3' from the drop down list.


You will now be prompted for your Amazon AWS login information. You can get your Access Key ID and Secret from the AWS website. First, login at http://aws.amazon.com with the AWS account you created in Stage 1.
Then navigate to the 'Security Credentials' section.



Scroll down to the 'Access Credentials' section and copy the Access Key ID and Secret Access Key into the text fields in Dropzone. You now need to enter a bucket name. A bucket is a bit like a folder, when you upload something with Dropzone it will be put in your bucket. You can create multiple buckets with different names. A bucket name needs to be completely unique - i.e. you can't use a bucket name that someone else has already used.

After you enter a bucket name, click the 'Test Connection' button. If an error comes up the bucket name you have entered is likely already taken.

In the screenshot shown in Step 7, the bucket name 'dropzone' has been entered and an error is shown as this bucket name has already been used by someone else.
The other issue that can cause this error is having incorrect bucket permissions. You may need to enable both List and Upload/Delete permissions for the bucket user via the AWS console as shown below:

The Access Key ID and Secret Access Key in the example below are not real access keys. They have been randomly generated for this example.


Once you have chosen a unique bucket name and Test Connection succeeds as shown below, click the 'Update' button to save the new destination and add it to your Dropzone grid. The Root URL is updated for you based on the bucket name you enter.




Stage 3: Share files with Dropzone

Drag a file onto the menu item and then onto the Amazon S3 destination to share it.


Dropzone uploads the file to your bucket and puts the URL on the clipboard.