Rails Cocoon: Как просмотреть изображение - PullRequest
Новая
       8

Rails Cocoon: Как просмотреть изображение

0 голосов
/ 20 марта 2019

Я разрабатываю загрузчик изображений с Cocoon. Но у меня возникают трудности при отображении предварительного просмотра вложенных изображений.

Я хочу посчитать каждый элемент, вложенный коконом. И тогда я хочу добавить каждую цифру в id. Как мне этого добиться? Или, если у вас есть другие идеи, пожалуйста, дайте мне знать. 

<div class="nested-fields">
  <div class="input-file updateIcon">
    <div class="imgPreview">
      <%= f.file_field :product_image, type: "file", id: "imageFile", accept: "image/*" %>
    </div>
    <%= link_to_remove_association "Remove image", f %>
  </div>
</div>

<script data-turbolinks-eval="false">
  $("#imageFile").change(function() {
    if (!this.files.length) {
      return;
    }

    var file = $(this).prop("files")[0];
    var fr = new FileReader();
    $(".imgPreview").css("background-image", "none");
    fr.onload = function() {
      $(".imgPreview").css("background-image", "url(" + fr.result + ")");
    };
    fr.readAsDataURL(file);
    $(".imgPreview img").css("opacity", 0);
  });
</script>
...