PHP / AJAX - Access javascript file array with $_FILES in PHP

Question

I have this as HTML:

<input type="file" id="foo" multiple/>

This javascript:

$("#foo").change(function(){
   var files = $(this)[0].files; 
   $.ajax({
      // ???
   });
});

This PHP (upload.php):

if (!empty($_FILES)) {
    // Upload code

Currently the files are being read correctly from the input box. I want to use these files inside the upload.php. I have a different dropzone on my page which uses this upload.php. I don't want to write unneccesary double code so I would like to use this file again. However, I cannot send an ajax request with $_FILES.

TL;DR: How can I send an array with files with ajax to a PHP Url and use it there with $_FILES ?

Notes:
+ My input is not in a < form >
+ It is possible to select multiple files, so I need to pass multiple files to the php file

Thanks in advance!

overburn · Accepted Answer · 2016-05-03 11:03:30Z

1

You could try something like this:

var formData = new FormData();
for (var i = 0; i < files.length; i++) {
var file = files[i];
   formData.append('files[]', file, file.name);
}
$.post( 'somewhere', formData, callback);

Not the exact code, but it should get you started.

answered May 3, 2016 at 11:03

overburn

1,23410 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PHP / AJAX - Access javascript file array with $_FILES in PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related