Laravel $request->all() is empty using multipart/form-data

This is a problem with PHP.

It does not parse multi part form data unless the request method is POST:

https://bugs.php.net/bug.php?id=55815

Solution:

There are many workarounds, none with is tidy but:

1. Use PATCH/PUT for best practice, or just simply POST for demo scenarios.

2. If you can't switch method, then simply rework the code from not using Formdata and PHP will process the file properly.

3. Send with POST and add _method:put on formData

(3) Like so:

formData.append('_method', 'PUT')

I was getting this problem with Axios via JavaScript because the content-type header was multipart-form-data but the boundary was missing.

Based on my research, a good way to handle it is to allow Axios to auto-detect the content type and set the headers correctly itself.

Here is an idea for how to accomplish this:

const formDataWithFiles = hasFiles ? new FormData() : undefined;if (formDataWithFiles) {    // axios will automatically set the content-type to multipart/form-data if the    // data param is a FormData object    // otherwise, it will use application/json    // (study the Dev Tools > Network tab > XHR tab headers)    Object.keys(modifiedFields)        .forEach(field => formDataWithFiles.append(field, modifiedFields[field]));}const { data } = await axios({    method,    url: actionUrl,    data: hasFiles ? formDataWithFiles : modifiedFields,    headers: {        ...axios.defaults.headers,        ...headers,    },});return data;

The above code is in a generic handleSubmit function that can be called from anywhere in the client-side.

Here is the function signature:

const { data } = await this.submitForm({    actionUrl: this.actionUrl,    method: this.method,    modifiedFields: {        ...this.modifiedUser,    },    hasFiles: true,});

In the above code, there are two use cases. The first is the default case, where a normal payload is sent via a flat object. The second is the case when the form has files and you want multipart/form-data. In this case, we use the FormData Object as a vessel to instruct Axios to auto-detect the necessary headers and set the correct boundary.

If you do not specify the headers correctly, it is possible to receive an empty $request->all() Array in Laravel.

The short answer to my answer is to use the FormData Object because it contains more information than a plain-old-JavaScript-object. With it, you can also access:

const formData = new FormData();console.log('boundary:', formData._boundary);

As my annotation above hints towards, use the Dev Tools > Network tab > XHR tab to examine your request headers and make sure you have content-type application/json or application/x-www-form-urlencoded for regular form submits and multipart/form-data' if you are uploading a file.

you must add CSRF token in to Request Add : formData.append( '_token', {{csrf_token()}} );