replaced uploadify with plupload - now can upload without flash!

Gemfile

@@ -24,3 +24,6 @@ gem 'fog'
 
 # MiniMagick
 gem "mini_magick"
+
+# Mini exif tool
+gem "mini_exiftool"

Gemfile.lock

@@ -60,6 +60,7 @@ GEM
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
     mime-types (1.16)
+    mini_exiftool (1.3.0)
     mini_magick (3.2)
       subexec (~> 0.0.4)
     net-ssh (2.0.23)
@@ -103,6 +104,7 @@ DEPENDENCIES
   carrierwave!
   fog
   mime-types
+  mini_exiftool
   mini_magick
   pg
   rails (= 3.0.3)

app/controllers/photos_controller.rb

@@ -1,5 +1,4 @@
 class PhotosController < ApplicationController
-#skip_before_filter :verify_authenticity_token
   before_filter :check_public_access
   before_filter :require_role_admin, :only => [:untouched, :upload, :new, :create, :edit, :update, :destroy]
 
@@ -75,6 +74,7 @@ class PhotosController < ApplicationController
 
   def create
     @photo = Photo.new(params[:photo])
+    @photo.file = params[:file]
     respond_to do |format|
         if @photo.save
           format.html { render :text => "FILEID:" + @photo.file.album.url }

app/views/photos/upload.html.erb

@@ -1,42 +1,85 @@
 <% content_for :javascript do %>
-<%= javascript_include_tag "uploadify-2.1/jquery.uploadify.v2.1.0.min.js" -%>
+<style type="text/css">@import url(/javascripts/plupload/examples/css/plupload.queue.css);</style>
-<%= javascript_include_tag "uploadify-2.1/swfobject.js"  -%>
+<%= javascript_include_tag "plupload/js/plupload.full.min.js" -%>
+<%= javascript_include_tag "plupload/js/jquery.plupload.queue.min.js"  -%>
 
 <script type="text/javascript">
 $(document).ready(function() {
-	if(swfobject.hasFlashPlayerVersion("9.0.0")) {
+	
-	    $('#noFlash').hide()
+	$("#uploader").pluploadQueue({
-	}
+			// General settings
-	$('#photo_file').uploadify({
+			runtimes : 'html5,browserplus,flash,silverlight,gears',
-			uploader:'<%= javascript_path "uploadify-2.1/uploadify.swf" -%>',
+			url : '<%= photos_path %>',
-			script:'<%= photos_path %>',
+			max_file_size : '10mb',
-			fileDataName    : 'photo[file]',
+			chunk_size : '1mb',
-			scriptData: {
+			unique_names : true,
-				'<%= get_session_key %>' : encodeURIComponent('<%= u cookies[get_session_key] %>'),
+			multipart: true,  
-				'authenticity_token' : encodeURIComponent('<%= u form_authenticity_token if protect_against_forgery?%>'),
+			   multipart_params: {  
+				'authenticity_token' : '<%= form_authenticity_token %>',
 				'photo[album_id]' : "<%= @album.id %>"
-			},
+			   },
-			cancelImg:'<%= javascript_path "jquery.uploadify-v1.6.2.mit/cancel.png" -%>',
+
-			multi:true,
+			// Resize images on clientside if we can
-			auto:true,
+			//resize : {width : 320, height : 240, quality : 90},
-			onComplete : function (e,queueId,fileObj,res,data) {
+
-				if (res.substring(0, 7) === "FILEID:") {
+			// Specify what files to browse for
-					var image = $('<img>').appendTo('#thumbs')
+			filters : [
-					image.css('display','none')
+				{title : "Image files", extensions : "jpg,gif,png,bmp,jpeg,tif,tiff"}
-					image.attr('src', res.substring(7) )
+			],
-					image.fadeIn('slow')
+
+			// Flash settings
+			flash_swf_url : '/javascripts/plupload/js/plupload.flash.swf',
+
+			// Silverlight settings
+			silverlight_xap_url : '/javascripts/plupload/js/plupload.silverlight.xap',
+			
+			// Post init events, bound after the internal events
+				init : {
+
+					FileUploaded: function(up, file, info) {
+						// Called when a file has finished uploading
+						res = info.response;
+						if (res.substring(0, 7) === "FILEID:") {
+							var image = $('<img>').appendTo('#thumbs')
+							image.css('display','none')
+							image.attr('src', res.substring(7) )
+							image.fadeIn('slow')
+						}
+					}
 				}
-			},
+		});
-			onError : function (e,queueId,fileObj,errorObj,res) {
+
+		// Client side form validation
+		$('form').submit(function(e) {
+			console.log('hello test');
+			var uploader = $('#uploader').pluploadQueue();
+
+			// Validate number of uploaded files
+			if (uploader.total.uploaded == 0) {
+				// Files in queue upload them first
+				if (uploader.files.length > 0) {
+					// When all files are uploaded submit form
+					uploader.bind('UploadProgress', function() {
+						if (uploader.total.uploaded == uploader.files.length)
+							$('form').submit();
+					});
+
+					uploader.start();
+				} else
+					alert('You must at least upload one file.');
+
+				e.preventDefault();
 			}
-		})
+		});
 })
 </script>
 <% end %>
-<div id="noFlash">I'm really sorry, you need Flash to upload files.</div>
 
 <form>
-<input type="file" id="photo_file">
+<div id="uploader">
+        <p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
+    </div>
+
 <br>
 <div id="thumbs"></div>
 </form>