(szansa że ktoś tu używa biblioteki Kendo jest niewielka, ale społeczność Kendo na StackOverflow jest martwa)

Ajaxem chcę wysłać uploadowany plik z formularza. I wychodzi to skutecznie z użyciem FormData jeśli w FormData umieszczę dane z inputa document.getElementById('file'). Po stronie serwera zmienna $_FILES ma plik. Problem jest gdy chcę użyć KendoUpload i jej metody getFiles https://docs.telerik.com/kendo-ui/api/javas...ethods/getfiles. Wówczas zmienna $_FILES jest undefined

  1.  
  2. <form id="document-form">
  3. <input id="documents-files" type="file"/>
  4. <input type="text" name="description"/>
  5. </form>
  6.  
  7. $("#document-form").submit(function(evt){
  8. var formData = new FormData();
  9. var files = document.getElementById('documents-files');
  10. var file = files.files[0];
  11. var uploadFile = $("#documents-files").data("kendoUpload");
  12. var file2 = uploadFile.getFiles();
  13. var description = document.getElementById('documents-description').value;
  14. formData.append('files',file);
  15. formData.append('files2',file2[0]);
  16. formData.append('description',description);
  17.  
  18. $.ajax({
  19. url: 'foo.php',
  20. type: 'POST',
  21. data: formData,
  22. async: false,
  23. cache: false,
  24. contentType: false,
  25. enctype: 'multipart/form-data',
  26. processData: false,
  27. success: function (response) {
  28. console.log(response);
  29. }
  30. });
  31.  
  32. $('#documents-files').kendoUpload(
  33. {
  34. multiple: false,
  35. }
  36. )