概要
メルカリクローンサイトにて、出品時に3枚画像を登録し、編集時にそれらを表示する。
編集にて画像を変更した際に、プレビューするようにしたい。
しかし、field_forで自動生成した各imageのjsにおける取り方がわからないため、実装ができない
該当コード
__ edit.html.haml __
haml
1 .upload__box__images 2 = f.fields_for :images do |i| 3 .upload__box__image 4 %label{for: "image#{i.object.id}"} 5 - if i.object.image.present? 6 = image_tag i.object.image.url, alt: "Item upload" ,height: "100%", width: "100%", class: "preview-image" 7 - else 8 = image_tag "pict/item_upload_dummy.png", alt: "Item upload" , height: "100%", width: "100%" 9 = i.file_field :image, multiple: true, id:"image#{i.object.id}", type: "file", accept: "image/*", style: "display: none;", name: "images[image][]"
htmlでは、このように#{i.object.id}として取り出しています。
どなたかご教授していただけると幸いです。よろしくお願いいたします。
あなたの回答
tips
プレビュー