Ruby on Railsでフリマアプリを作っています。
自分が既に出品した商品を編集できる機能を作り、編集はできるのですが、商品一覧ページを始め、編集で変更した画像が表示されません。
画像ではなく、#actiondispatch::http::uploadedfile:0x00007f4f355c9730 と表示されます。
商品編集で画像を変更した場合、変更した画像が表示できるようにしたいです。
初心者のため、分かりづらい部分もあると思いますが、よろしくお願い致します。
関係がありそうな部分です。
product_edit.html.erb(商品編集ページ)
<div class="container"> <div class="products"> <ul class="edit_products_form"> <%= form_for @product, url: product_edit_path(@product.id), method: :post do |f| %> <div class="field"> <li><%= f.label :name, "商品名" %></li> <%= f.text_area :name %> </div> <div class="textarea_wrap"> <li><%= f.label :description, "説明" %></li> <%= f.text_area :description %> </div> <div class="field"> <li><%= f.label :category, "カテゴリー" %></li> <%= f.collection_select :category, Category.all ,:id ,:name, include_blank: false %> </div> <div class="field"> <li><%= f.label :price, "価格" %></li> <%= f.number_field :price, min: 0 %> </div> <div class="file_wrap"> <li><%= f.label :image1, "画像1" %></li> <%= f.file_field :image1 %> <li><%= f.label :image2, "画像2" %></li> <%= f.file_field :image2 %> <li><%= f.label :image3, "画像3" %></li> <%= f.file_field :image3 %> </div> <div class="btn_wrap"> <%= f.submit "送信する" %> </div> <% end %> </ul> </div> </div>
products_controller.rb
def product_edit @product = Product.find(params[:id]) @category = Category.find(params[:id]) end def product_update @product = Product.find(params[:id]) @category = Category.find(params[:id]) if params[:product][:image1] upload_file1 = params[:product][:image1] upload_file_name1 = upload_file1.original_filename output_dir = Rails.root.join('public', 'images') output_path = output_dir + upload_file_name1 File.open(output_path, 'w+b') do |f| f.write(upload_file1.read) end @product.update(product_params.merge({image: upload_file1.original_filename})) end if params[:product][:image2] upload_file2 = params[:product][:image2] upload_file_name2 = upload_file2.original_filename output_dir = Rails.root.join('public', 'images') output_path = output_dir + upload_file_name2 File.open(output_path, 'w+b') do |f| f.write(upload_file2.read) end @product.update(product_params.merge({image: upload_file2.original_filename})) end if params[:product][:image3] upload_file3 = params[:product][:image3] upload_file_name3 = upload_file3.original_filename output_dir = Rails.root.join('public', 'images') output_path = output_dir + upload_file_name3 File.open(output_path, 'w+b') do |f| f.write(upload_file3.read) end @product.update(product_params.merge({image: upload_file3.original_filename})) end end #商品一覧表示ページ def lists @products = Product.all @products = @products.order("id desc") end
routes.rb
get '/users/products/(:id)/edit', to: 'products#product_edit', as: :product_edit post '/users/products/(:id)/edit', to: 'products#product_update', as: :product_update get '/', to:'products#lists', as: :lists
lists.html.erb
<div class="container"> <% if @products.any? %> <div class="products"> <ul> <% @products.each do |product| %> <li> <div class="image"> <%= link_to markets_path(product.id) do %> <%= image_tag "/images/#{product.image1}" %> <% end %> </div> <p><%= product.name %></p> <p><%= product.price %></p> </li> <% end %> </ul> </div> <% else %> <p class="empty">対象の商品は見つかりませんでした。</p> <% end %> </div>
Ruby on Rails
rails 5.1.7 使用
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/01/07 15:52