質問編集履歴

訂正

2017/02/19 05:45

投稿

besuko

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -2,8 +2,6 @@
 ファイルのアップロードはgem'Dropzonejs'を使っています。
@@ -50,6 +48,50 @@
+###__《※2/19更新しました》__
+turbgraphics200様のご助言頂きました[WIKI](https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone)と、[こちら](http://stackoverflow.com/questions/42225406/unable-to-combine-a-normal-form-with-dropzone-js)を参考にform_forへの組み込みは出来ました。
+imageモデルへのshop_idを渡すところまで出来ましたが、肝心の「file（データ）」だけ渡されずにいます。
+出来る限りの事は試してみましたが、解決出来ずにおります。。
+誤った箇所を教えて頂けませんでしょうか。
+なお、保存用ストレージはcloudinayを使っています。
+```console
+  (0.1ms)  begin transaction
+  SQL (0.8ms)  INSERT INTO "images" ("created_at", "updated_at") VALUES (?, ?)  [["created_at", 2017-02-19 04:51:31 UTC], ["updated_at", 2017-02-19 04:51:31 UTC]]
+   (1.8ms)  commit transaction
+   (0.2ms)  begin transaction
+  SQL (0.6ms)  INSERT INTO "shops" ("user_id", "name", "address", "created_at", "updated_at") VALUES (?, ?, ?, ?, ?)  [["user_id", 2], ["name", "テスト"],  ["address", "東京都港区赤坂1-1-1"],  ["created_at", 2017-02-19 04:51:31 UTC], ["updated_at", 2017-02-19 04:51:31 UTC]]
+  SQL (0.2ms)  INSERT INTO "images" ("shop_id", "created_at", "updated_at") VALUES (?, ?, ?)  [["shop_id", 43], ["created_at", 2017-02-19 04:51:31 UTC], ["updated_at", 2017-02-19 04:51:31 UTC]]
+  SQL (0.1ms)  UPDATE "images" SET "shop_id" = ?, "updated_at" = ? WHERE "images"."id" = ?  [["shop_id", 43], ["updated_at", 2017-02-19 04:51:31 UTC], ["id", 41]]
+   (2.2ms)  commit transaction
+```
 ###環境
 Ruby2.3.3
@@ -60,6 +102,8 @@
 ###Gem
+gem 'cloudinary'
 gem 'dropzonejs-rails'
 ###モデル
@@ -134,6 +178,8 @@
   belongs_to :shop, optional: true
   mount_uploader :file, ImageUploader
 end
@@ -146,6 +192,12 @@
 ```ruby
+class ShopsController < ApplicationController
+  before_action :set_shop, only: [:show, :edit, :update, :destroy]
   def new
     @shop = Shop.new
@@ -160,14 +212,16 @@
       @shop = current_user.shops.build(shop_params)
+      image = @shop.images.build
+      image.save!
       respond_to do |format|
         if @shop.save
           format.html { redirect_to @shop, notice: '登録しました' }
-          #format.html { redirect_to "/shops/#{@shop.id}/images/new", notice: '画像を登録してください。' }
           format.json { render :show, status: :created, location: @shop }
         else
@@ -180,36 +234,40 @@
       end
+  private
+    def set_shop
+      @shop = Shop.find(params[:id])
-  end
+    end
+    def shop_params
+      params.require(:shop).permit(:name, :address,
+        images_attributes: [:id, :file, :_destroy]
+        )
+    end
+  end
-```
+```
-image_controller.rb
+image_uploader.rb
 ```ruby
-  def upload
-    @shop = Shop.find(params[:shop_id])
-    image = @shop.images.build(file: params['file'])
-    image.save!
-    render status: 200, json: @shop.images
- end
-```
-image_uploader.rb
-```ruby
 class ImageUploader < CarrierWave::Uploader::Base
   include Cloudinary::CarrierWave
@@ -310,20 +368,28 @@
 ```
+<%= simple_form_for(@shop, :authenticity_token => true, html: { multipart: true, class: 'dropzone', id: 'new_post_form'}) do |f| %>
-<%= form_for (@shop) do |f| %>
+<div class="form-group">
+<%= f.label :images, :class => "col-sm-3 control-label" %>
+<div class="dropzone-previews"></div>
     <div class="fallback">
-        <%#= form_tag(upload_shop_images_path(@shop),
+        <%= f.fields_for :images do |image| %>
-            :id => 'my-dropzone', :class => 'dropzone', method: :post) %>
-        <!--※ ↓無理やりform_for形式にしてみましたが、やはり動きませんでした。-->
+            <%= image.input :file, :label => false %>
-        <%= f.file_field :image, :id => 'my-dropzone', :class => 'dropzone', method: :post %>
+        <% end %>
     </div>
+</div>
     <div class="form-group">
@@ -360,35 +426,41 @@
 <script type="text/javascript">
-  Dropzone.options.myDropzone = {
+Dropzone.options.newPostForm = {
-    autoProcessQueue: false,
+  autoProcessQueue: false,
+  uploadMultiple: true,
+  parallelUploads: 100,
+  maxFiles: 100,
+  paramName: 'images[file]',
+  params:'images[shop_id]',
   init: function() {
-    var submitButton = document.querySelector("#submit-all")
-        myDropzone = this;
+    var myDropzone = this;
-    submitButton.addEventListener("click", function() {
+    $("#submit-all").click(function (e) {
+         e.preventDefault();
+         e.stopPropagation();
-      myDropzone.processQueue();
+         myDropzone.processQueue();
-    });
+     });
-    this.on("addedfile", function() {
-    });
   }
-};
+}
 </script>

修正

2017/02/19 05:45

投稿

besuko

スコア16

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -146,6 +146,16 @@
 ```ruby
+  def new
+    @shop = Shop.new
+    @shop.images.build(file: params['file'])
+  end
   def create
       @shop = current_user.shops.build(shop_params)