Configuration

This page covers the different uploader settings and events that can be configured. To see some of these settings in action, check out the sample app provided in the project repository.

Config settings

Below are all the upload settings that can be configured.

Name	Type	Description	Default	Required
bucket	String	The name of your S3 bucket	your-bucket-name	Yes
region	String	The region where your bucket is located	your-region	Yes
acl	String	The Access Control List policy. The following values can be used: <ul> <li>authenticated-read</li> <li>bucket-owner-full-control</li> <li>bucket-owner-read</li> <li>log-delivery-write</li> <li>private</li> <li>public-read (default)</li> <li>public-read-write</li> </ul> </td> <td>public-read</td> <td>No, but you'll probably want to change it anyways.</td> </tr> <tr> <td>key</td> <td>String</td> <td>What the name of the file to be on S3. This can include subfolders and should be unique. Note: certain characters are not allowed and could cause signature errors. You'll probably want to sanitize any special characters from the file name.</td> <td>/{bucket}/{timestamp}_{original_file_name}</td> <td>No, but you'll probably want to specify how your uploaded file is named.</td> </tr> <tr> <td>contentType</td> <td>String</td> <td>The content type of the file you're uploading</td> <td>Defaults to the file object's type</td> <td>No</td> </tr> <tr> <td>chunkSize</td> <td>Number (bytes)</td> <td> The size of each chunk. AWS requires a chunk size of at least 5MB, but this uploader requires you to specify a chunk size of at least 6MB to be safe. Anything higher is allowed. </td> <td>10MB</td> <td>No</td> </tr> <tr> <td>encrypted</td> <td>Boolean</td> <td>If set to true, the upload will be performed using an AES256 encryption.</td> <td>false</td> <td>No</td> </tr> <tr> <td>maxRetries</td> <td>Number</td> <td>The maximum number of times a failed AJAX request will retry</td> <td>5</td> <td>No</td> </tr> <tr> <td>retryWaitTime</td> <td>Number</td> <td>The number of milliseconds to wait until the next retry is attempted. Note that this number is multiplied by the number of attempts to prevent spamming retries during connectivity issues.</td> <td>2000</td> <td>No</td> </tr> <tr> <td>maxFileSize</td> <td>Number (bytes)</td> <td>The maximum size of the file. AWS currently does not support uploading files larger than 5 terabytes.</td> <td>5TB</td> <td>No</td> </tr> <tr> <td>signatureBackend</td> <td>String</td> <td>The root path to your signature backend.</td> <td>[empty string]</td> <td>No</td> </tr> <tr> <td>initHeadersPath</td> <td>String</td> <td>The path where init headers can be retrieved.</td> <td>/get_init_headers</td> <td>No</td> </tr> <tr> <td>chunkHeadersPath</td> <td>String</td> <td>The path where chunk headers can be retrieved.</td> <td>/get_chunk_headers</td> <td>No</td> </tr> <tr> <td>listHeadersPath</td> <td>String</td> <td>The path where list headers can be retrieved.</td> <td>/get_list_headers</td> <td>No</td> </tr> <tr> <td>completeHeadersPath</td> <td>String</td> <td>The path where complete headers can be retrieved.</td> <td>/get_complete_headers</td> <td>No</td> </tr> <tr> <td>host</td> <td>String</td> <td>Provides an optional override of the host name for uploading to AWS.</td> <td>http://{bucket}.s3-{region}.amazonaws.com</td> <td>No</td> </tr> <tr> <td>ssl</td> <td>Boolean</td> <td> If set to true, the uploader will perform actions against S3 using https. Otherwise, it defaults to http. Note: this option is not needed if manually configuring the host. </td> <td>false</td> <td>No</td> </tr> <tr> <td>usingCloudFront</td> <td>Boolean</td> <td>Tells the uploader that the provided host is for a CloudFront distribution. This has some special internal meaning for how the uploader manages some of the requests.</td> <td>false</td> <td>No</td> </tr> <tr> <td>log</td> <td>Boolean</td> <td>If set to true, the uploader will log its current processing out to the console.</td> <td>false</td> <td>No</td> </tr> <tr> <td>customHeaders</td> <td>Object</td> <td>An object of keys and values representing any custom headers that need to be sent to your signature backend. Note: these do not get sent to AWS.</td> <td>{}</td> <td>No</td> </tr> <tr> <td>maxConcurrentChunks</td> <td>Number</td> <td> The maximum number of concurrent XHR requests for a given upload. Increasing this number may result in faster uploads, however browsers tend to have their own concurrent XHR limitation built in. This means anything greater than that number will not have any effect on upload performance. This number must fall within the range of 1-5. </td> <td>5</td> <td>No</td> </tr> <tr> <td>useWebWorkers</td> <td>Boolean</td> <td>If true, web workers will be used when encrypting request payloads. This can greatly improve page responsiveness. If false, workers won't be used and the performance may take a slight hit.</td> <td>false</td> <td>No</td> </tr> <tr> <td>workerFilePath</td> <td>String</td> <td>The relative location where the external worker file is located.</td> <td>/basic_s3_worker.js</td> <td>Only if useWebWorkers is set to true.</td> </tr> <tr> <td>uploderFilePath</td> <td>String</td> <td>The relative location where the Basic S3 Uploader file is located.</td> <td>/basic_s3_uploader.js</td> <td>Only if useWebWorkers is set to true.</td> </tr>

Events

Below are a list of upload events that you can hook into. These can be used to add custom logic around upload progress (such as generating a progress bar) or when an upload finishes/fails/retries.

For convenience, each of these methods you provide will have access to the entire uploader through "this".

Example:

var uploadSettings = {
  onReady: function() {
    // 'this' is the BasicS3Uploader instance
    console.log("uploader is ready!", this);
  }
};

Note: none of these events are required and will default to a noop function if not provided.

Name	Description	Method signature
onReady	Fires when the uploader has been initialized and ready to start uploading.	function()
onStart	Fires when the upload has started.	function()
onProgress	Fires every time upload progress has been made. Passes in the current bytes that have been uploaded and the total amount of bytes (file size).	function(bytesLoaded, totalBytes)
onChunkUploaded	Fires when a single chunk has finished uploading. Passes in the chunk number that uploaded and the total number of chunks.	function(chunkNumber, totalChunks)
onComplete	Fires when the entire upload (including all chunks) has finished.	function(fileLocationOnS3)
onError	Fires whenever an AJAX error or uploader error occurs. Passes in an error code (for custom error messages) and a default error description.	function(errorCode, description)
onRetry	Fires whenever an AJAX request is being retried. Passes in the number of attempts and some data about the specific request.	function(attempts, data)
onCancel	Fires whenever the upload has been manually canceled.	function()