input 複数生成

今回はinputの複数生成するコードです

inputは画像を表示させたいときに使うメソッドです。

こちらが実際のコードです。

var new_image = $(`<input multiple= "multiple" name="product_images[image]" type="file"

id="image" image =${images.length} style = display:none>`);

$(".image_box").prepend(new_image);

コード自体は短いですが、重要です。

var new_imageというメソッドはかっこの中の物を表示させる物になります。

その中は、input multiple= multiple　はinputを繰り返し生成する記述になっており、

name="product_images[image]"　type="file"　id="image"　はhamlで書いてあるのと同じであること。

image =${images.length}　はimageの数を数字であらわすメソッドをimageに代入してます。

style = display:none　はinputは「ファイルを選択」という表示をなくすことができます。