記事の投稿で、バリデーションエラーが発生した際、選択した画像を保持されるようにしたい

Question

railsアプリで、画像アップロード機能の追加を行っています。

新規投稿画面で、画像選択し、投稿した時に、
バリデーションエラーが発生した際、選択した画像が消されてしまいます。
調べてみたのですが、どこか記載しなければいけないコードがまだあるのでしょうか。
教えていただけますと幸いです。

uploadersも作成しており、モデルに下記記載しております。

mount_uploader :picture, PictureUploader

<h1><%= t('label.new') %></h1>
<%= form_for @article  do |f| %>
  <div class='mb-3'>
    <%= f.label :title %>
    <%= f.text_field :title, class: 'form-control', placeholder: Article.human_attribute_name(:title) %>
  </div>
  <div class='mb-3'>
    <%= f.label :text %>
    <%= f.text_area :text, class: 'form-control', placeholder: Article.human_attribute_name(:text), rows: '5' %>
  </div>
    <%= f.file_field :picture,accept: 'image/jpg,image/jpeg,image/png,image/gif' %>
    <%= f.hidden_field :picture_cache %>
    <%= f.submit t('label.article_create'), class: 'btn btn-primary' %>

<% end %>

gem 'rails', '~> 6.0.0'
gem 'carrierwave'

  private

  def set_article
    @article = Article.find(params[:id])
  end

  def article_params
    params.require(:article).permit(:title, :text, :picture, :picture_cache)
  end

Answer 1

手順はこうでしょうか

1. 画像fileを選ぶ
2. 選んだ画像が表示される
3. submitするとvalidationでエラーとなる
4. 再表示された画面では画像が見えない

これはごく普通の動きだと思います。
テキスト入力やラジオボタン入力はsave失敗してもmodelには取り込まれているので再表示で再現できますが、画像はmodelには取り込まれていませんから、再表示はできないです。
2のstepで表示されるのはおそらくfileを選んだのをトリガーにJSが表示しているのでしょう。

Comments

[kokosi1062]

ご連絡いただき、ありがとうございます。
実は実装出来ており、勘違いをしていました。

画像ファイルを選択した時、ファイル名が表示されます。
バリデーションエラーを発生するとファイル名が消えます。
ですが、picture_cacheにより、ファイル名が消えているけど保存されているみたいで、
そのまま投稿すると、画像も投稿されていました。

てっきり、ファイル名が消えていたので、保存されていないものだと思っていました。

[winterboum]

ああ、ファイル名の話だったのね