Jquery в rails приложение не работает должным образом - PullRequest
0 голосов
/ 10 января 2020

У меня есть приложение rails, которое позволяет пользователям прикреплять несколько файлов и отсоединять файлы, используя jquery. Однако проблема в том, что вы можете выбрать несколько файлов, но загружается только последний выбранный файл. Не все файлы, которые были выбраны. Думаю, что-то с моим javascript кодом. ниже приведено изображение того, о чем я говорю введите описание изображения здесь

zen_support / zen_upload. js

$(function() {
  files = void 0;
  setRemove = void 0;
  uploadfile = void 0;
  files = [];
  $('#upload_button').click(function(event) {
    return $('#file_input').trigger('click');
  });
  $('#file_input').change(function(event) {
    var file;
    file = void 0;
    file = event.target.files[0];
    files.push(file);
    return uploadfile(files.length - 1, file);
  });
  uploadfile = function(index, file) {
    var fileitem, formData;
    fileitem = void 0;
    formData = void 0;
    formData = new FormData;
    formData.append('file', file);
    fileitem = '<li class=\'file-item success\'> <div class=\'active\'> <span class=\'remove\'>×</span> <span>' + file.name + '</span> </div> <div class=\'lds-ellipsis\'><div></div><div></div><div></div><div></div></div> </li>';
    $('#filelist').append(fileitem);
    return setRemove();
  };
  return setRemove = function() {
    $('.remove').unbind();
    return $('.remove').click(function() {
      var index;
      index = void 0;
      index = $(this).parent().parent().index();
      files.splice(index, 1);
      return $('.file-item').eq(index).remove();
    });
  };
});

_edit. html .haml

= render 'show'
= javascript_include_tag "zen_support/zen_upload.js"
.row
  .col-12
    %ZenForm{ path: zen_support_urls.ticket_path, id: @zendesk_ticket.id, method: :put, :multipart => true, data: { remote: true } }
      .row
        .col-md-4
          %button.fileUpload.btn.btn-default#upload_button{type: "button"}
            Attach File
            %input.upload#file_input{:name => "attachments[]",  multiple: true, :type => "file"}
        .col-md-8
          %ul#filelist
          - @zendesk_ticket.comments.each do | comment |
            = render "files", comment: comment
      %ZenTextArea#comment{ label: "Comments", placeholder: "Add any comments you think will help us address your issue.", error: @zendesk_ticket.errors&.dig(:comment) }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...