Sedang Disiapkan

Ruby & Rails - Ajax Upload of Multiple Photos

We have an existing website created with Ruby 1.9.3 and Rails 3.2.2, where users can input information about Packets, e.g. any things they are interested in. Currently the system supports uploading of only one photo.



We need a page, where the user is able to create a new Packet, and upload multiple photos to it asynchronously before submitting the form.

1) File transfer should start as soon the user has pressed 'OK' on the 'Choose file' dialog.

2) Upload progress is shown with a progress bar.

3) After ajax upload has finished, thumbnail of the file must appear on the form and

4) user needs the possibility to input descriptions to the already uploaded media files.

So all this should happen before user clicks the 'Submit' on the main form and saves the created Packet.

If user decides to Cancel, already generated, now unnecessary Photos should be deleted.

Functionality must be unobtrusive and if the user doesn't have javascript installed, system should fallback to basic single file upload during Submit.



Our current Submit action takes ages to complete. We also need a way to upload many photos, while keeping the response time for the submit as short as possible. (Maybe this could also be achieved with delayed jobs, but let's save that for future episodes...)

Current design:


:packet has_many :photos


:photo belongs_to :packet



Browsers supported: Internet Explorer 7, Firefox 3.6, Chrome 16, Safari 5 and newer.

The task is to provide the DRYest design and implemented source code (models, views, controllers, javascripts) for the following functionality. Using Flash, SWFUpload, Plupload and Uploadify are not options.

Additional information:


We are using jQuery v1.7.1 on the client side.

Our backend is already using Carrierwave v0.6.2 gem to shave, crop and scale 469x342 and 80x80 versions for the uploaded images. Packets are already indexed with Sphinx, and the speed of the searches is of major concern.

(Note that only the first Photo for each Packet is shown in our search results)

Database backend is PostgreSQL 9.1.3 with pg v0.13.2 gem as the driver for ActiveRecord.

Some related links that we have already studied:


[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

Kemahiran: AJAX, HTML, Javascript, jQuery / Prototaip, Ruby on Rails

Lihat lagi: ruby rails ajax, rails ajax upload, ruby rails upload images, jquery ajax upload multiple images, rails ajax, crop image rails, rails html5 ajax upload, multiple upload photo javascript, rails drop upload, crop photo ruby rails using ajax, multi file upload jquery carrierwave rails, ajax upload rails, multiple images upload ajax javascript, multi photo upload rails, rails ajax file upload carrierwave, rails ajax upload carrierwave jquery, rails upload photo, jquery photo upload crop ruby rails, multiple files upload carrierwave, carrierwave progress bar ajax, ruby rails ajax upload crop, javascript drag file upload, rails multiple image upload carrierwave, rails multiple file upload, multiple upload rails

Tentang Majikan:
( 0 ulasan ) City, Finland

ID Projek: #1583539

2 pekerja bebas membida secara purata $100 untuk pekerjaan ini


I have worked on paperclip and amazing(S3) for uploading photo. Over the last 2 years, I have developed a wide range of websites using HTML, CSS, DIV, TABLE, TABLELESS, DHTML, XHTML, with latest trends and designs inc Lagi

$100 USD dalam 10 hari
(0 Ulasan)

Hi, I read you project requirement and come to place my bid for this job. I have strong knowledge with 5 years experience in web designing and web development with using the RubyOnRails, tools of HTML4/5, CSS2 & 3, Jav Lagi

$100 USD dalam 5 hari
(0 Ulasan)