Added jQuery file upload plugin

app/controllers/packages_controller.rb

@@ -61,6 +61,13 @@ class PackagesController < ApplicationController
   end
 
   def upload_image
-    "uploaded"
+    #render text: params[:image].to_json
+    #render text: params.to_json
+    @package = Package.find_by(name: params[:name])
+    new_screenshot = @package.screenshots.create(params[:screenshot])
+    @packages.save
+    #new_screenshot.image = params[:image]
+
+    render text: "File has been uploaded successfully"
   end
 end

app/views/packages/details.slim

@@ -25,7 +25,7 @@
         //= form_for @package, :url => upload_image_path, :html => { :multipart => true } do |form|
           //= form.file_field :image
 
-        = form_for Screenshot.new, url: upload_image_path, html: { multipart: true } do |f|
+        = form_for :screenshot, url: upload_image_path, html: { multipart: true } do |f|
           = f.label :image, 'Upload new screenshot'
           = f.file_field :image, id: 'fileupload', multiple: true
           = f.submit 'Save'
@@ -50,6 +50,18 @@
 
     //a.button.radius.expand href=upload_package_by_name_path(name: @package.name) Upload a new screenshot
 
+javascript:
+  $(function () {
+      $('#fileupload').fileupload({
+          dataType: 'json',
+          done: function (e, data) {
+              $.each(data.result.files, function (index, file) {
+                  $('<p/>').text(file.name).appendTo(document.body);
+              });
+          }
+      });
+  });
+
 // TODO: Enable comment form
 //javascript:
 //  $('#comment-summary').on( 'input', function() {