我正在尝试按照Railscast Ep 381将多文件上传集成到我的Rails应用程序中。对于我的应用程序,Projects模型有许多步骤,步骤有许多图像。 Image模型正在使用Carrierwave上传器。
现在,我可以从edit_steps路径中上传单个图像文件。但我正在尝试设计上传界面,以便在添加新图像后,edit_steps页面上的图库会自动刷新(因此,一旦选择了图像但尚未提交图像)。
根据Railscast的情节,当您选择图像时,他们应该自动为每个文件调用创建操作。但我的申请显然没有这样做。如何确保调用Image模型的create方法?
step.rb
class Step < ActiveRecord::Base
extend FriendlyId
friendly_id :number
attr_accessible :description, :name, :number, :project_id, :images_attributes
belongs_to :project
has_many :images
accepts_nested_attributes_for :images, :allow_destroy => :true
end
image.rb
class Image < ActiveRecord::Base
attr_accessible :project_id, :step_id, :file, :caption
belongs_to :step
belongs_to :project
mount_uploader :file, FileUploader
end
视图/步/ edit.html.erb
%= semantic_form_for [@project, @step], :html => {:multipart => true} do |f| %>
<%= f.inputs do%>
....
<div id="images">
<%= render :partial => 'images/image', :collection => @step.images.all %>
</div>
<div class="clear"></div>
....
<%= f.fields_for :images, Image.new do |image_form| %>
<%= image_form.file_field :file, multiple: true, name: "image[file]"%>
<%end%>
的javascript / images.js.coffee
jQuery ->
$('#new_image').fileupload
dataType: "script"
控制器/ images.controller
def create
@image = Image.create(params[:image])
end
图像/ create.js.erb
<% if @image.new_record? %>
alert("Failed to upload image: <%= j @image.errors.full_messages.join(', ').html_safe %>");
<% else %>
alert("adding images")
$("#images").append("<%= j render(@image) %>");
<% end %>