file_fieldで作成したボタンを押しても反応がなく、画像を選択できない
解決したいこと
Ruby on railsで画像投稿アプリを作成しています。
Active strageを用いた画像投稿機能を実装しており、必要な記述は記載して
画像を選択するボタンをクリックしても画像が選択できないという事象が
起きています。
解決方法を教えていただきたいです。
発生している問題・エラー
カーソルの当たっているボタンを押しても何も反応がありません。
該当するソースコード
routes.rb
Rails.application.routes.draw do
devise_for :cliants, controllers: {
sessions: 'cliants/sessions',
passwords: 'cliants/passwords',
registrations: 'cliants/registrations'
}
devise_for :trainers, controllers: {
sessions: 'trainers/sessions',
passwords: 'trainers/passwords',
registrations: 'trainers/registrations'
}
root to: 'posts#index'
resources :posts, only: [:new, :create]
end
posts_controller.rb
class PostsController < ApplicationController
def index
end
def new
@post = Post.new
end
def create
@post = Post.new(post_params)
if @post.save
redirect_to root_path
else
render :new
end
end
private
def post_params
params.require(:post).permit(:title, :today, :explanation, :image).merge(cliant_id: current_cliant.id)
end
end
post.rb
class Post < ApplicationRecord
belongs_to :cliant
has_one_attached :image
with_options presence: true do
validates :title
validates :today
validates :explanation
validates :image
end
end
_form.html.erb
<%= form_with model: @post, local: true do |f| %>
<div class="field">
<%= f.label :title, "タイトル" %><br />
<%= f.text_field :title, id: "posts_title" %>
</div>
<div class="field">
<%= f.label :date, "投稿日" %><br />
<%= f.date_select :date, id: "posts_date" %>
</div>
<div class="field">
<%= f.label :explanation, "説明文" %><br />
<%= f.text_area :explanation, class: :form_text, id: "posts_explanation" %>
</div>
<div class="field">
<%= f.label :image, "食事写真" %><br />
<%= f.file_field :image , id:"posts_image" %>
</div>
<div class="actions">
<%= f.submit "保存する", class: :form_btn %>
</div>
<% end %>
20211102122551_create_active_storage_tables.active_storage.rb
# This migration comes from active_storage (originally 20170806125915)
class CreateActiveStorageTables < ActiveRecord::Migration[5.2]
def change
create_table :active_storage_blobs do |t|
t.string :key, null: false
t.string :filename, null: false
t.string :content_type
t.text :metadata
t.bigint :byte_size, null: false
t.string :checksum, null: false
t.datetime :created_at, null: false
t.index [ :key ], unique: true
end
create_table :active_storage_attachments do |t|
t.string :name, null: false
t.references :record, null: false, polymorphic: true, index: false
t.references :blob, null: false
t.datetime :created_at, null: false
t.index [ :record_type, :record_id, :name, :blob_id ], name: "index_active_storage_attachments_uniqueness", unique: true
t.foreign_key :active_storage_blobs, column: :blob_id
end
end
end
自分で試したこと
・ActiveStorageやmini-magick等gemのインストールがうまくいってないのでは
・ActiveStorageの導入に必要な記述の誤字などがないか
等思いつくことは試してみましたがうまくいかず、どなたかお力をお貸し
いただきたいです、、、
宜しくお願いいたします。
0