【Rails JS】フォームで画像ファイルのプレビューをeditでも表示したい

Question

###環境
Ruby(2.3.3)
Ruby on Rails(5.0.1)

gem
carrierwave（アップローダー）
cocoon（ネストフォーム）

保存先
Cloudinary

###保存されている画像ファイルを更新時に取得したい

こちらを参照してRailsの画像アップロードフォームにプレビューを表示させました。

新規登録時はこのままで問題ないのですが、現状edit(更新)画面では空欄のままとなっており事前に保存されている画像を枠内に表示させたいと考えております。

以下のJSファイルを編集が必要かと思いますが、どの部分を変更すれば良いのか教えて頂けませんでしょうか。。
なお、image(画像)モデルはshop(店舗)モデルにネストされています。

$(document).on('change', ':file', function() {
    var input = $(this),
    numFiles = input.get(0).files ? input.get(0).files.length : 1,
    label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
    input.parent().parent().next(':text').val(label);

    var files = !!this.files ? this.files : [];
    if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
    if (/^image/.test( files[0].type)){ // only image file
        var reader = new FileReader(); // instance of the FileReader
        reader.readAsDataURL(files[0]); // read the local file
        reader.onloadend = function(){ // set image data as background of div
            input.parent().parent().parent().prev('.imagePreview').css("background-image", "url("+this.result+")");
        }
    }
});

サーバーサイドはこのようになっております

class Shop < ApplicationRecord
  has_many :images, dependent: :destroy
  accepts_nested_attributes_for :images, allow_destroy: true

class Image < ApplicationRecord
  belongs_to :shop, optional: true
  mount_uploader :file, ImageUploader
end

  def new
    @shop = Shop.new
    @shop.build_close_date
    2.times { @shop.images.build }
  end

  def edit
    @shop.close_date = CloseDate.new if @shop.close_date.blank?
  end

  def create
      @shop = current_user.shops.build(shop_params)
      respond_to do |format|
        if @shop.save
          format.html { redirect_to @shop, notice: '店舗情報を登録しました' }
          format.json { render :show, status: :created, location: @shop }
        else
          format.html { render :new }
          format.json { render json: @shop.errors, status: :unprocessable_entity }
        end
      end
  end

  def update
    if @shop.update(shop_params)
      format.html { redirect_to @shop, notice: '店舗情報を更新しました' }
      format.json { render :show, status: :uploded, location: @shop }
    else
      format.html { render :edit }
      format.json { render json: @shop.errors, status: :unprocessable_entity }
    end
  end
end

<%= simple_form_for(@shop, :authenticity_token => true, html: { multipart: true }) do |f| %>
<div class="nested-field">
    <%= f.simple_fields_for :images do |image| %>
        <%= render partial: 'image_fields', locals: {f: image} %>
    <% end %>
    <%= link_to_add_association "画像を追加", f, :images, :class => 'btn btn-primary' %>
</div>
<% end %>

<div class="nested-fields form_time_selects imgInput">
    <div class="col-sm-2">
          <div class="input-group">
              <label class="input-group-btn">
                  <span class="btn btn-primary">
                      選択<%= f.file_field :file, :class => "uploadFile", :style => "display:none" %>
                        <%= link_to_remove_association("削除", f, {}) %>
                    </span>
                </label>
            <input type="text" class="form-control" readonly="">
        </div>
    </div>
        <%#= link_to_remove_association("削除", f, {}) %>
</div>

Comments

[moke]

ちょうどタイムリーに似たようなシステムを作っています。 Bootstrap File Input とfields_forを使って実装中なので、jsを1,2行に収めれると思います。需要があればコードを書きますが。。。

[besuko]

有難うございます。コードのご掲載をお願いしても宜しいでしょうか。

[moke]

まだ完成してないので少々お待ちをorz

[moke]

すみません急な用事が入って、報告が遅れました。一応完成しました。確認ですが、besuko様はuploadしたイメージがuploadした後も見えてそのままの画面で追加削除ができるようにしたいのですよね。
後気づかなかったのですがCarrierWaveを使っているのですか?

[besuko]

いえ、全然問題ございません。はい、アップローダーはCarrierWaveを使っております。その後も試行錯誤をしていますが未だ解決出来ておりませんので、ご教示頂けますと幸いです。

[moke]

おお素早い回答、お待たせしてすみません、一応確認なのですが、uploadする画像が2つになっているのは区別するためなんですか？例えば外観と店長の写真とか?関係なければ、一つに複数アップロード可能とか、外観、内装、商品、店員とかカテゴリー分けかつ複数登録可能とかできますが。
あと当方attachementを使ってるので、読み替えていただく必要があるかもしれません

[besuko]

初期状態で２つフォームがあるのは特に意味はございません。複数枚アップロード出来るようにしておりますが、現時点ではカテゴリー分けや決まったルールはございません。ただ保存出来る枚数に制限が無い状態にしてあります。

[moke]

一応CarrierWave仕様で書いてみました。CarrierWaveを使ったことがないので間違ってたらすみません