Ruby on Rails Tải lên tệp AJAX

Question

Có cách nào dễ dàng để xử lý tải lên tệp AJAX trong Rails không? ví dụ. với một plugin

Answer 1

Chắc chắn điều đó là có thể, here Bạn có một hướng dẫn và một vài liên kết đến các plugin.

Answer 2

Nếu bạn đang sử dụng Rails 3, tôi đã viết một plugin làm cho tệp kiểu AJAX tải lên tương đối tầm thường để triển khai.

http://rubygems.org/gems/remotipart

Answer 3

Tải lên tệp JQuery là dự án tiện ích tải lên tệp rất linh hoạt và linh hoạt.

Xem demo ở đây: http://blueimp.github.com/jQuery-File-Upload/

Dưới đây là một Gem: http://rubygems.org/gems/jquery.fileupload-rails

Các wiki cũng có Rails ví dụ: https://github.com/blueimp/jQuery-File-Upload/wiki

Answer 4

Nó không thực sự cần thiết để sử dụng một số plugin đặc biệt cho điều đó. Cách dễ nhất để tải ảnh ajax cho tôi chỉ là tạo biểu mẫu tải ảnh lên để hoạt động như ajax. Tôi sử dụng plugin ajaxForm jQuery: http://www.malsup.com/jquery/form/ Trả lại ảnh đã tải lên js và đưa nó vào trang của bạn.

Vì vậy, bạn nên thực hiện hình thức của bạn được ajaxForm:

$('#uploader').ajaxForm({dataType: "script", 
     success: ajaxFormErrorHandler, 
     error: ajaxFormSuccessHandler 
} 

khiển trông giống như rằng:

def add_photo 
    @photo = PhotosMeasurement.new(params[:user_photo]) 
    respond_to do |format| 
     if @photo.save 
     format.json { render :json => @photo} 
     else 
     format.json { render :json => nil} 
     end 
    end 
    end 

và trong ajaxFormSuccessHandler bạn chỉ cần lấy đối tượng hình ảnh:

var photo = jQuery.parseJSON(responseText.responseText); 

và đặt ảnh bất cứ nơi nào bạn muốn:

target.find('.addPhoto').before(''+ 
     '<input class="imageId" type="hidden" value='+photo.id+' > '+ 
     '<img src='+photo.photo.thumb.url+' alt="Thumb_1"> '); 

P.S: Không thực sự biết tại sao nhưng nếu bạn quay lại xử lý ajaxForm, nó xử lý yêu cầu đó là L ERI không THÀNH CÔNG.

P.P.S: chắc chắn jQuery-File-Upload plugin làm cho nhiều hơn nhưng nếu bạn không cần tất cả những điều đó, bạn có thể sử dụng theo cách này.

P.P.P.S: bạn nên tải lên tệp không phải là ajax chức năng để làm điều đó =)