Giter Site home page Giter Site logo

d2s3's Introduction

d2s3

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

Why?

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">
	</form>

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

Parameters: {"bucket"=>"BUCKET_NAME", 
             "etag"=>"ETAG_HASH", 
             "action"=>"YOUR_REDIRECT_URL",
             "controller"=>"CONTROLLER",
             "key"=>"PATH/FILENAME.EXTENSION"}

Options:

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

TODO

  • 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.

d2s3's People

Contributors

mwilliams avatar jasoncodes avatar choxi avatar jgwmaxwell avatar aeden avatar will avatar

Stargazers

Alex Plescan avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.