Rails plugin which provides a form helper to upload files directly to Amazon's S3 using an HTTP POST
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 15 commits ahead, 12 commits behind mwilliams:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



d2s3 (direct to s3) is a simple Ruby on Rails helper that generates an upload form that will take a given file and upload it directly to your S3 bucket, bypassing your server. This has various benefits, the biggest being that a large upload will not tie up your server from serving other requests. This plugin is based on the instructions from the following Amazon tutorial: http://developer.amazonwebservices.com/connect/entry.jspa?externalID=1434


This was built as a solution to a problem we had where images being uploaded to be processed by Paperclip were consuming Thin servers so they were unable to process other requests.

An example workflow using d2s3

  1. Upload file with the s3_http_upload_tag helper form tag
  2. With the data returned from the GET HTTP request from Amazon, create a message using Amazon's SQS service with the appropriate information needed to later process the image with Paperclip
  3. Create an API end point for a background process to access that accepts information to process the image with Paperclip. In our case, it accepts the ID of a photo album and the path to the photo to be processed
  4. Running a back end process that monitors the SQS queue for new images and processes them immediately

We don't have immediate processing of our images with this workflow, but it's very quick assuming how large the queue is and how many back end processes we have actually running through the queue.

Example d2s3 usage

	<%= s3_http_upload_tag 	:key => 'uploads', 
							:content_type => 'image/jpeg', 
							:redirect => image_processing_url,
							:acl => 'public-read',
							:max_filesize => 5.megabytes,
							:submit_button => '<input type="submit" value="Upload" class="button" id="upload-button">',
							:form => {:style => 'display: inline;'} %>

The above helper will generate the following similar HTML form, generating all of the appropriate field keys, policy, and signature based on your Amazon Web Services YAML configuration file. The form parameter also accepts a class and id for further customization.

	<form action="https://YOUR_S3_BUCKET.s3.amazonaws.com/" method="post" enctype="multipart/form-data" style="display: inline;">
	  <input type="hidden" name="key" value="uploads/${filename}">
	  <input type="hidden" name="AWSAccessKeyId" value="YOUR_AWS_ACCESS_KEY"> 
	  <input type="hidden" name="acl" value="public-read"> 
	  <input type="hidden" name="success_action_redirect" value="/image_processing_url">
	  <input type="hidden" name="policy" value="YOUR_POLICY_DOCUMENT_BASE64_ENCODED">
	  <input type="hidden" name="signature" value="YOUR_CALCULATED_SIGNATURE">
	  <input name="file" type="file"><input type="submit" value="Upload" class="button" id="upload-button">

Return HTTP GET request from Amazon made to the redirect you declared

Parameters: {"bucket"=>"BUCKET_NAME", 


  • :content_type
    • Accepts a standard content type, otherwise it will default to binary/octet-stream
  • :redirect
    • Directs the form where the GET request from Amazon should be made once the HTTP POST is successful
  • :acl
    • Accepts either 'public-read' or 'private'. If blank, it defaults to 'public-read'
  • :expiration_date
    • Accepts time in the form of "3.hours" or "25.minutes". If blank, it defaults to a 10 hour window before the policy on the upload expires
  • :max_filesize
    • Accepts a max file size in the format of "5.megabytes". If blank, it defaults to 1.megabyte
  • :submit_button
    • Accepts any text to represent the submit button for the form. This allows for a very custom submit button. If blank, it defaults to <input type="submit" value="Upload">
  • :form => {:id => '', :class => '', :style => ''}
    • Accepts a hash of :class, :id, and :style to add customization to the form as a whole


  • Write tests (shame on me, I know... they're coming)

Matthew Williams, 2009

Thanks to the s3-swf-upload plugin which code was borrowed from to make this project happen.