нажмите «Загрузить» отдельные файлы в строке таблицы вместо нескольких загрузок - PullRequest
0 голосов
/ 22 марта 2020

У меня есть динамическая c таблица таблиц с 4 столбцами. Первые 3 в каждой строке имеют тип ввода = «файл», где пользователь может выбрать файл для загрузки, а в 4-м столбце есть кнопка отправки, соответствующая строкам. Отправка файлов в первой строке будет работать нормально, но я не могу сделать это для остальных строк.

$("#UpSubmit").on("click", function() {

  var rowSub = $(this).closest('tr');


  var file_data = rowSub.find('.file-input').prop("files")[0];
  var form_data = new FormData();
  form_data.append('file', file_data);

  var file_data1 = rowSub.find('.file-input1').prop("files")[0];
  var form_data1 = new FormData();
  form_data1.append('file', file_data1);

  var file_data2 = rowSub.find('.file-input2').prop("files")[0];
  var form_data2 = new FormData();
  form_data2.append('file', file_data2);

  $.ajax({
    url: 'upload.php', 

    cache: false,
    contentType: false,
    processData: false,
    data: form_data,
    type: 'post',

  });
  $.ajax({
    url: 'upload.php',

    cache: false,
    contentType: false,
    processData: false,
    data: form_data1,
    type: 'post',

  });
  $.ajax({
    url: 'upload.php',  

    cache: false,
    contentType: false,
    processData: false,
    data: form_data2,
    type: 'post',

  });

});

1 Ответ

0 голосов
/ 22 марта 2020

Добавьте класс UpSubmit к кнопке и используйте $(".UpSubmit")

id с в HTML уникальны, и вы не сможете иметь несколько кнопок с одинаковыми id

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...