使用carrierwave以嵌套forms上传多个图像
我正在关注railscasts第381集 ，试图通过carrierwave gem和jQuery File上传允许多个图像上传到我的应用程序。
我的应用程序适用于大学项目，并设置了远程跟踪模型 ，该模型具有许多并接受图片模型的嵌套属性。
在我将file_field的多个选项设置为true并硬编码输入名称属性后，即 ，carrierwave停止工作，它没有像以前一样上传单个文件。
这可能与使用嵌套表单有关吗？ 我也试过在我的应用程序中实现本教程而没有任何成功。
我也尝试将两个表单组成多个部分而不仅仅是父表单并删除我正在使用的simple_form gem。
我也尝试删除表单部分并将嵌套表单放在本地，但这没有帮助。 也许它与我如何将file_field设置为多个有关，因为这是问题的开始。
任何建议或替代方法都会受到赞赏
楷模
class Pic < ActiveRecord::Base belongs_to :hikingtrail attr_accessible :img_name, :image, :remote_image_url mount_uploader :image, ImageUploader end
＆
class Hikingtrail true has_many :pics accepts_nested_attributes_for :pics, :allow_destroy => :true, :reject_if => proc { |attrs| attrs.all? { |k, v| v.blank? } } end
查看
hikingtrails / _form.html.erb
{:multipart => true} do |f| %> { :cols => 10, :rows => 3 } %> Images
'pics/form', :locals => {:form => f} %> 'btn btn-primary' %> t("helpers.links.cancel")), hikingtrails_path, :class => 'btn' %>
图片/ _form.html.erb
终端输出
Started PUT "/hikingtrails/7" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Processing by HikingtrailsController#update as HTML Parameters: {"utf8"=>"✓", "authenticity_token"=>"trGCi0Gz+CNRmwAoktcYmeplEKW5bZBtozkduNIXvcI=", "hikingtrail"=>{"name"=>"Dunran Woods", "meta_description"=>"Nice walk through the woods", "description"=>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "looped"=>"0", "duration_hours"=>"9", "duration_mins"=>"45"}, "pic"=>{"image"=>#<ActionDispatch::Http::UploadedFile:0x007f288085cc08 @original_filename="spink_sleepers.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"pic[image]\"; filename=\"spink_sleepers.jpg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#>}, "commit"=>"Update Hikingtrail", "id"=>"7"} Hikingtrail Load (3.7ms) SELECT "hikingtrails".* FROM "hikingtrails" WHERE "hikingtrails"."id" = $1 LIMIT 1 [["id", "7"]] (0.1ms) BEGIN (0.1ms) COMMIT Redirected to http://0.0.0.0:3000/hikingtrails/7 Completed 302 Found in 6ms (ActiveRecord: 3.8ms) Started GET "/hikingtrails/7" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Processing by HikingtrailsController#show as HTML Parameters: {"id"=>"7"} Hikingtrail Load (3.4ms) SELECT "hikingtrails".* FROM "hikingtrails" WHERE "hikingtrails"."id" = $1 LIMIT 1 [["id", "7"]] Pic Load (0.2ms) SELECT "pics".* FROM "pics" WHERE "pics"."hikingtrail_id" = 7 Rendered collection (0.0ms) Rendered hikingtrails/show.html.erb within layouts/application (2.6ms) Rendered layouts/_navbar.html.erb (0.9ms) Rendered layouts/_footer.html.erb (0.3ms) Completed 200 OK in 41ms (Views: 36.2ms | ActiveRecord: 3.7ms) Started GET "/assets/application.css?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /application.css - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/bootstrap_and_overrides.css?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /bootstrap_and_overrides.css - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/jquery-fileupload/vendor/jquery.ui.widget.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery-fileupload/vendor/jquery.ui.widget.js - 304 Not Modified (5ms) Started GET "/assets/jquery_ujs.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery_ujs.js - 304 Not Modified (0ms) Started GET "/assets/jquery.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery.js - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-transition.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /twitter/bootstrap/bootstrap-transition.js - 304 Not Modified (0ms) Started GET "/assets/jquery-fileupload/jquery.fileupload.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery-fileupload/jquery.fileupload.js - 304 Not Modified (0ms) Started GET "/assets/jquery-fileupload/jquery.iframe-transport.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery-fileupload/jquery.iframe-transport.js - 304 Not Modified (0ms) Started GET "/assets/jquery-fileupload/basic.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /jquery-fileupload/basic.js - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-modal.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /twitter/bootstrap/bootstrap-modal.js - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-alert.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /twitter/bootstrap/bootstrap-alert.js - 304 Not Modified (0ms) [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:17] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-dropdown.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:17 +0000 Served asset /twitter/bootstrap/bootstrap-dropdown.js - 304 Not Modified (8ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-tab.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-tab.js - 304 Not Modified (8ms) Started GET "/assets/twitter/bootstrap/bootstrap-scrollspy.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-scrollspy.js - 304 Not Modified (3ms) Started GET "/assets/twitter/bootstrap/bootstrap-popover.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-popover.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-tooltip.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-tooltip.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-button.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-button.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-carousel.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-carousel.js - 304 Not Modified (0ms) Started GET "/assets/twitter/bootstrap/bootstrap-affix.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-affix.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-collapse.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-collapse.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/twitter/bootstrap/bootstrap-typeahead.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap/bootstrap-typeahead.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/bootstrap.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /bootstrap.js - 304 Not Modified (0ms) Started GET "/assets/twitter/bootstrap.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /twitter/bootstrap.js - 304 Not Modified (0ms) Started GET "/assets/pics.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /pics.js - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/static_pages.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /static_pages.js - 304 Not Modified (0ms) Started GET "/assets/hikingtrails.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /hikingtrails.js - 304 Not Modified (0ms) Started GET "/assets/application.js?body=1" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /application.js - 304 Not Modified (2ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true Started GET "/assets/fontawesome-webfont.woff?v=3.0.2" for 127.0.0.1 at 2013-03-24 13:55:18 +0000 Served asset /fontawesome-webfont.woff - 304 Not Modified (0ms) [2013-03-24 13:55:18] WARN Could not determine content-length of response body. Set content-length of the response or set Response#chunked = true
我花了很长时间试图实现类似的东西。 也许我对这篇文章的回答可能对你有帮助。
Rails 3 + JQuery-File-Upload +嵌套模型
我从来没有找到过使用jQuery文件上传以嵌套forms上传多个图像的解决方案。 经过我所做的所有研究，我不认为它是可行的。
最后我跟着railscast＃196并且能够使用carrierwave和javascript一次上传多个图像。