【Rails５】ActionController::ParameterMissingが表示される

Question

前提・実現したいこと

記事投稿アプリを作っています。記事を投稿する際にparamsの部分でうまく保存できず困っています。

発生している問題・エラーメッセージ

ActionController::ParameterMissing in ArticlesController
param is missing or the value is empty: article

該当のソースコード

articles_controller

 class ArticlesController < ApplicationController
  def index
  end
  
  def new
    @article = Article.new
  end

  def create
    @article = Article.new(article_params)
    if @article.save
      redirect_to :index
    else
      render action: :new
    end
  end

  private
  def article_params
    params.require(:article).permit(:title, :image, :text, :category).merge(user_id: current_user.id)
  end
end

views/articles/new

<div class = "post-header">
  <h1>LHS</h1>
</div>
<div class = "post-idea">
  <i class="fas fa-pen-nib"></i>
  <h2>アイデア投稿</h2>
</div>
<div class = "postbox">
  <div class = "postbox__card">
  <%= form_tag('/articles', method: :post) do %>
    <h3>写真<span>※</span></h3>
    <label for = "postimage">
      ファイルを選択
      <input type="file" id="postimage" accept="image/*">
    </label>
    <div class = "preview">
    </div>
    <h3>タイトル<span>※</span></h3>
    <input placeholder = "記事のタイトル" type="text" name="title" class="post-input">
    <h3>本文<span>※</span></h3>
    <textarea placeholder = "説明" name="text" cols="30" rows="5"></textarea>
    <h3>カテゴリ<span>※</span></h3>
    <select name="select-category">
      <option value="cook">cook</option>
      <option value="clean">clean</option>
      <option value="beauty">beauty</option>
      <option value="other">other</option>
    </select>
     <input type="submit" value="送信" class="send">
  <% end %>
</div>

paramsの定義はしたのですが、なぜうまく保存できないのかがわかりません。

Answer 1

params.require(:article).permit(:title, :image, :text, :category)のように書くと、フォームのnameとして、article[title]、article[image]のような形を取る必要がありますが、現状のフォームはそうなっていません。

フォームとコントローラーを適宜書き換えて、「フォームの生成する値」と「コントローラーの期待する値」を揃えてください。

Comments

[odennkunn]

丁寧な回答ありがとうございます。ご指摘通り記述変更することで、先ほどのエラーは出なくなったのですが、imageだけが保存できません。
エラー文はActiveRecord::NotNullViolation　
Mysql2::Error: Column 'image' cannot be null: INSERT INTO `articles`
となっています。
imageに関してはnull false制約を使っており、imageがnullのためこのようなエラーが出るのでしょうか？？

[odennkunn]

form tag内に:multipart => trueの記述をしてみましたが、ダメでした

[odennkunn]

申し訳ありません、ビューの部分を少し修正したらんできました、ありがとうございます。