S3SwfUpload Gem For Rails 3
S3SwfUpload allows user to upload a file to S3 directly, so you can save the cost of uploading process in your app server.
The flex application in this fork was completely re-written so that there are no flash or flex UI components. The one exception to that is the browse button, which, for security purposes MUST be flash. But even then, you get to pass the URLs for images to use for that button!
Watch a video of an example app being built using the gem on Vimeo
There is also a demo app running on heroku at http://s3swfuploader.heroku.com/
Gemfile and add this as a gem, you’ll also need aws-s3
gem 's3_swf_upload', :git => 'git://github.com/nathancolgate/s3-swf-upload-plugin' gem 'aws-s3', :require => 'aws/s3'
2. Bundle it!
$ bundle install
3. Run the generator
$ rails generate s3_swf_upload:uploader
4. Configure your amazon parameters via the generated
5. Generate the bucket (if you haven’t already)
$ rake s3_swf_upload:make_bucket
6. Upload the crossdomain.xml file (if you haven’t already)
$ rake s3_swf_upload:make_crossdomain
7. Note: you no longer need to edit
In my tests in Rails 3, the application was able to correctly handle the requests from the flash object.
This means that your authentication systems can still be used to protect the signature generation.
8. Initialize the SWF object in your view using this handy helper:
<%=raw s3_swf_upload_tag %>
9. To achieve basic functionality, the only other thing you need is something to call the
startUploading function. For example:
<input type="submit" value="Start Uploading" onclick="s3_swf_1_object.startUploading();" />
However, you will have no feedback or interface to let you know that anything is actually happening.
10. If you want to customise its behavior, here’s a more complex example
And the CSS to go along.
:buttonWidth (integer = 100)
:buttonHeight (integer = 30)
:flashVersion (string = ‘9.0.0’)
:queueSizeLimit (integer = 100)
Maximum number of files that can be added to the queue.
:fileSizeLimit (integer = 524288000)
Individual file size limit in bytes (default is 512 MB)
:fileTypes (string = ‘.’)
Something like this also works:
:fileTypeDescs (string = ‘All Files’)
Something like this also works:
:selectMultipleFiles (boolean = true)
Set this to false if you only want to allow users to pick one file at a time.
:keyPrefix (string = ’’)
String to be prepended to the uploaded file name to make the Amazon S3 key (location in bucket).
:signaturePath (string = ‘/s3_uploads.xml’)
Fully qualified path to the controller and action that will serve up the Amazon S3 signature
:buttonUpPath (string = ‘/flash/s3_up_button.gif’)
Fully qualified path to an image to be used as the Browse Button (in the up state). Image should have same dimensions as the buttonWidth and buttonHeight parameters.
:buttonOverPath (string = ‘/flash/s3_over_button.gif’)
Fully qualified path to an image to be used as the Browse Button (in the over state). Image should have same dimensions as the buttonWidth and buttonHeight parameters.
:buttonDownPath (string = ‘/flash/s3_down_button.gif’)
Fully qualified path to an image to be used as the Browse Button (in the down state). Image should have same dimensions as the buttonWidth and buttonHeight parameters.
- :onFileAdd (file)
- :onFileRemove (file)
- :onFileSizeLimitReached (file)
- :onFileNotInQueue (file)
- :onQueueChange (queue)
- :onQueueSizeLimitReached (queue)
- :onQueueEmpty (queue)
- :onQueueClear (queue)
- :onUploadingStart ()
- :onUploadingStop ()
- :onUploadingFinish ()
- :onSignatureOpen (file,event)
- :onSignatureProgress (file,progress_event)
- :onSignatureSecurityError (file,security_error_event)
- :onSignatureComplete (file,event)
- :onSignatureIOError (file,io_error_event)
- :onSignatureHttpStatus (file,http_status_event)
- :onSignatureXMLError (file,error_message)
- :onUploadError (upload_options,error)
- :onUploadOpen (upload_options,event)
- :onUploadProgress (upload_options,progress_event)
- :onUploadIOError (upload_options,io_error_event)
- :onUploadHttpStatus (upload_options,http_status_event)
- :onUploadSecurityError (upload_options,security_error_event)
- :onUploadComplete (upload_options,event)
The following functions can be called on the generated object. Normally the call looks something like this:
Starts the uploading process
Stops the uploading process. Note: Stopping and restarting the uploading process is buggy. I’d avoid it.
Clears all files out of the queue.
Removes a specific file from the queue.
Will it work with < Rails 3?
You bet. The Rails 3 specific gem only makes installation and setup easier. Download the gem to your desktop (or similar non-gem path location) and perform all the Usage steps by hand. Namely:
- copy the template files into your application (use the generator as a road map)
- copy the view helpers into your applications
You’ll want to add the view helper to an initialization file:
1. As much as I would like the interface to be 100% HTML, a (legitimate) security feature in Flash does not allow it:
“With Adobe Flash Player 10, the
FileReference.downloadoperations may be initiated only through ActionScript that originates from user interaction.” – Adobe TechNote
The next best thing I could come up with was to pass images in as buttons.
2. If the
startUploading call is made after calling
stopUploading, only the first file in the queue is successfully uploaded.
Original plugin is Copyright © 2008 elctech, released under the MIT license
Updates to plugin for multiple file uploader are Copyright © 2010 PRX, released under the MIT license
Conversion of plugin to gem for rails 3 is Copyright © 2010 Nathan Colgate Clark, released under the MIT license
Stripping the flex application of UI and adding callbacks Copyright © 2010 Nathan Colgate Clark, released under the MIT license