У меня есть приложение 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) }