Rails初学者です。
public以下にある画像ファイルを、ビューでパスから取得してsortableで並び替えてコントローラに渡し、DBに保存したいと思っています。
###手順
- new.html.erbで画像ファイル以外のカラムの値を入力してsortコントローラに送信
- sortメソッドでpublic以下にユニークなフォルダを作成して画像データをその中に一旦退避
- sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得してjqueryのSortableで並び替え
- コントローラのcreateにparamsを渡してDBに保存
という流れで実装しようと考えています。
ruby
1 def new 2 @product = Product.new 3 end 4 5 def sort 6 @product = Product.new(product_params) 7 products_images = params[:products_images] 8 9 dirname = SecureRandom.hex(20) 10 FileUtils.mkdir_p("public/#{dirname}", :mode => 755) 11 12 @img_path_arr = [] 13 14 products_images.each do |img| 15 name = img.original_filename 16 output_path = Rails.root.join("public/#{dirname}", name) 17 File.open(output_path, 'wb'){ |f| f.write(img.read) } 18 @img_path_arr.push("/#{dirname}/#{name}") 19 end 20 end 21 22def create 23 @product = Product.new(product_params) 24 25 if params[:products_images].present? && params[:products_images].size <= 30 26 num = 1 27 params[:products_images].each do |img| 28 @product.send("products_image#{num}=", img) 29 num += 1 30 end 31 end 32 33 respond_to do |format| 34 if @product.save 35 format.html { redirect_to [:manage, @product], notice: "#{@product.building_name}を作成しました。" } 36 format.json { render :show, status: :created, location: @product } 37 else 38 format.html { render :pre_sort } 39 format.json { render json: @product.errors, status: :unprocessable_entity } 40 end 41 end 42 end
ruby
1# sort.html.erb 2 3<%= form_for(@product, url: { action: "create"}, html: { multipart: true }) do |f| %> 4 <div class="file-upload-area"> 5 <% @img_path_arr.each do |path| %> 6 <div class="sortable"> 7 <div class="sort-box"> 8 <input type="text" class="form-control" readonly="" /> 9 <div style='border: dashed 1px #ccc;'> 10 <% f = File.binread(Rails.root.join("public/#{path}")).chomp %> 11 <%= hidden_field_tag 'products_images[]', value: f, class: 'uploadFile', style: 'width: 90px; font-size: 16px;' %> 12 <div class="imagePreview item" style='padding: 0; background-image: url(<%= path %>)'></div> 13 </div> 14 </div> 15 </div> 16 <% end %> 17 </div> 18 <%= f.hidden_field :building_name, value: @product.building_name %> 19 <%= f.hidden_field :address, value: @product.address %> 20 </div> 21 <div class="actions"> 22 <%= button_tag type: 'submit', class: "btn-edit" do %> 23 <i class="fa fa-pencil" aria-hidden="true"></i> 作成 24 <% end %> 25 </div> 26<% end %>
###問題点
上記のように実装してみたのですが、下から9行目
<%= f.hidden_field :building_name, value: @product.building_name %>
の部分で
undefined method `hidden_field' for #String:0x007f9600b59ad0
というエラーが出ます。
###試したこと
・下から9行目のhidden_fieldを削除すると、下から10行目のhidden_fieldで同じエラーがでました。
・どちらも削除すると、コントローラに送信した際に固まってしまいました。
・sortメソッドにparamsは問題なく渡っています。
###知りたいこと
以下のようなものがもしあれば知りたいです。
・ public以下の画像ファイルをビューで画像ファイルデータとして取得する方法
・ こういったイレギュラーなファイル操作をしようとする時に勉強しておくと良い本や学習コンテンツ
・ もっと簡単な方法
ご教示いただけることがあれば何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー