ActiveStorageの複数アップロードについて

Question

https://qiita.com/m-kawakami/items/492f18473a4c31ca9c5f
この記事を参考にファイルの複数アップロードを作っています
一番最後のファイルしかアップロードできない感じです。

以下が自分のソースファイルです。

$(document).on('turbolinks:load', function(){
  $('#image-input').on('change', function(e){

    let files = e.target.files;
    $.each(files, function(index, file) {
      let reader = new FileReader();


      reader.onload = (function(file){
        return function(e){
          let imageLength = $('#output-box').children('li').length;

          let labelLength = $("#image-input>label").eq(-1).data('label-id');

          $('#image-input').before(`<li class="preview-image" id="upload-image${labelLength}" data-image-id="${labelLength}">
                                      <figure class="preview-image__figure">
                                        <img src='${e.target.result}' title='${file.name}' >
                                      </figure>
                                      <div class="preview-image__button">
                                        <a class="preview-image__button__edit">編集</a>
                                        <a class="preview-image__button__delete" data-image-id="${labelLength}">削除</a>
                                      </div>
                                    </li>`);
          $("#image-input>label").eq(-1).css('display','none');


          $("#image-input").append(`<label for="item_images${labelLength+1}" class="sell-container__content__upload__items__box__label" data-label-id="${labelLength+1}">
                                      <input multiple="multiple" class="sell-container__content__upload__items__box__input" id="item_images${labelLength+1}" style="display: none;" type="file" name="item[images][]">
                                      <i class="fas fa-camera fa-lg"></i>
                                    </label>`);
        };
      })(file);
      reader.readAsDataURL(file);
    });
  });
});

<div class='sell-container__content'>
    <div class='sell-container__content__max-sheet'></div>
    <div class='sell-container__content__upload'>
      <div class='sell-container__content__upload__items'>
        <div class='sell-container__content__upload__items__box'>
          <ul id='output-box'>
            <div id='image-input'>
              <%= f.label :images, for: "item_images0", class: 'sell-container__content__upload__items__box__label', data: {label_id: 0 }  %>
                <%= f.file_field :images, multiple: true, class: "sell-container__content__upload__items__box__input", id: "item_images0"%>
            </div>
          </ul>
        </div>
      </div>
    </div>

def create
    @post = Post.new(params.require(:post).permit(images: []))
    @post.save
    redirect_to("/posts/index")
  end

Comments

[no1knows]

省略せずにコントローラーとモデルを追記いただくと回答が付きやすいかと思います。