質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Q&A

0回答

250閲覧

[Rails]public以下の画像ファイルをビューで取得してコントローラに渡しDBに保存したい

s_diff

総合スコア107

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

0グッド

0クリップ

投稿2019/02/25 02:29

編集2022/01/12 10:55

Rails初学者です。
public以下にある画像ファイルを、ビューでパスから取得してsortableで並び替えてコントローラに渡し、DBに保存したいと思っています。
###手順

  1. new.html.erbで画像ファイル以外のカラムの値を入力してsortコントローラに送信
  2. sortメソッドでpublic以下にユニークなフォルダを作成して画像データをその中に一旦退避
  3. sort.html.erbに遷移してpublicのファルダ以下にある画像データを取得してjqueryのSortableで並び替え
  4. コントローラの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以下の画像ファイルをビューで画像ファイルデータとして取得する方法
・ こういったイレギュラーなファイル操作をしようとする時に勉強しておくと良い本や学習コンテンツ
・ もっと簡単な方法

ご教示いただけることがあれば何卒よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maisumakun

2019/02/25 02:36

そもそもの疑問なのですが、なぜpublic以下に置いてあるものをDBに詰め直す必要があるのでしょうか。
s_diff

2019/02/25 02:43

sortメソッドでpublic以下にユニークなフォルダを作成して画像データをその中に一旦退避させて、それをsort.html.erbで取得しようと思ったからです。 ほかに良い方法があるのでしょうか?
maisumakun

2019/02/25 02:46

えっと、publicに置くものはコードバンドルの時点で固定されているのではないのですか?
s_diff

2019/02/25 02:53

コードを読み込まれた時点で固定されるのですか? すいません、基礎的なところがまだわからず、、。 それがこのエラーの原因なのでしょうか。
maisumakun

2019/02/25 03:00

いや、「コードを作ったのと同時に置いてあるファイル」だったら、わざわざ動的に処理して動かすのも無駄なので気になった次第です。
s_diff

2019/02/25 03:05

申し訳ありません、ここには記述してないのですが、sort.html.erb内でjqueryのsortableを使い、ドラッグ&ドロップで並び替えを行っているのです。 追記しておきます。
maisumakun

2019/02/25 03:59

画面で並べ替えたからと言って、ファイル自体を並べ替えるのも大げさすぎる実装ではないでしょうか。
s_diff

2019/02/25 04:59 編集

大げさというと、よりデータ量の小さな実装が可能ということでしょうか?
maisumakun

2019/02/25 05:05

そうですね、実際のファイル名と順番の対応表だけデータベースで管理する、という方式ではなにか問題がありますでしょうか。
s_diff

2019/02/25 05:17

ranked-model gemやacts_as_list gemなどを使った方法ですよね。 すでにモデルもレコードも存在していて、途中からこの機能を作っているので、 できるだけそのままの形で実装したかったためこのような方法をとっています。
s_diff

2019/02/25 07:24 編集

あ、ファイル名だけでも大丈夫ですね。 たしかに無駄なことをしてました。 ファイル名だけで対応させた場合、コントローラ内でファイルのパスでActionDispatch::Http::UploadedFileに変える必要があるのでしょうか?
s_diff

2019/02/25 07:26

長々と質問をしてしまい申し訳ありません。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問