PHP gets empty $_FILES var on JavaScript file upload

Question

I'am trying to upload a file from js to php like this

        var formData = new FormData();
        formData.append('file', uploadedFile);

        var request = new XMLHttpRequest();

        request.onload = function () {
            if (request.readyState == 4) {
                var response = JSON.parse(request.responseText);
                console.log(response);
            }
        };

        request.open('POST', settings.restUri + 'files');
        request.setRequestHeader("Content-Type", "multipart/form-data");
        request.send(formData);

As a result my request payload looks like this

            ------WebKitFormBoundaryRl1Q67A1DDBjvKCU
            Content-Disposition: form-data; name="file"; filename="user.svg"

            Content-Type: image/svg+xml


            ------WebKitFormBoundaryRl1Q67A1DDBjvKCU--

but $_FILES variable is empty on PHP side, what's wrong?

Try to comment out this line: request.setRequestHeader("Content-Type", "multipart/form-data"); — Ofir Baruch
– Ofir Baruch, Commented Feb 1, 2017 at 12:33
It works, but why? (add like a comment, i ll mark an answer) — Littlebobbydroptables
– Littlebobbydroptables, Commented Feb 1, 2017 at 12:34
Added and added the reason. please consider accepting my answer if it helped you. — Ofir Baruch
– Ofir Baruch, Commented Feb 1, 2017 at 12:42

Ofir Baruch · Accepted Answer · 2017-02-01 12:40:44Z

1

Remove this line:

request.setRequestHeader("Content-Type", "multipart/form-data");

The reason is emphasised in bold.

The FormData object lets you compile a set of key/value pairs to send using XMLHttpRequest. It is primarily intended for use in sending form data, but can be used independently from forms in order to transmit keyed data. The transmitted data is in the same format that the form's submit() method would use to send the data if the form's encoding type were set to multipart/form-data.

Source

answered Feb 1, 2017 at 12:40

Ofir Baruch

10.3k2 gold badges29 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

PHP gets empty $_FILES var on JavaScript file upload

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related