ボタンを押すと画像投稿フォームが追加されるようにしたい

Question

<%= form_for(@micropost) do |f| %>
  <%= render 'shared/error_messages', object: f.object %>
  <div class="field">
    <%=f.text_area :content, placeholder: "つぶやこう" %>
  </div>
  <%= f.submit "投稿", class: "btn btn-primary" %>
  <span class="picture">
    <%= f.file_field :pictures, multiple: true %>
    <%= f.file_field :pictures, multiple: true %>
    <%= f.file_field :pictures, multiple: true %>
  </span>
<% end %>

上記では<%= f.file_field :pictures, multiple: true %>を三回書くことで三枚の画像を保存することができるようになっています。この<%= f.file_field :pictures, multiple: true %>の機能を画像追加ボタンを押すと増やせるようにしたいのですがどのようにしたら良いかわかりません。

どのような技術やgemを使うと良いでしょうか?

Answer 1

javascriptを使えば可能かと思います。