I'm encountering difficulties when trying to upload files and data to my server using Angular 2 and PHP.
After following the instructions in File Upload In Angular 2? to upload data and files from Angular 2, everything appears to be functioning correctly (I can confirm that the data is received by printing php://input). Here is an example of my Angular 2 code:
upload(data: data, file: File): Observable<any> {
let header = new Headers();
header.append('Content-Type', 'multipart/form-data');
header.append('Accept', 'application/json');
let options = new RequestOptions({ headers: header });
let formData:FormData = new FormData();
formData.append('file', file, file.name)
formData.append('data', JSON.stringify({data}));
return this.http
.post('myurl', formData, options)
.map(response => {
return response;
})
.catch(error => Observable.throw(error.message || error));
}
The issue arises as the superglobals $_POST and $_FILES remain empty, thus preventing me from accessing the uploaded data and files. I faced a similar problem when only uploading data and resolved it by manually populating the $_POST superglobal as shown below:
$_POST = file_get_contents("php://input");
However, this method cannot be applied to handle $_FILES....
I came across a post PHP - empty $_POST and $_FILES - when uploading larger files suggesting that the issue could be related to post_max_size or upload_max_filesize being set too low. Despite setting them to 100M, the problem persists. I even increased memory_limit, but to no avail.
I suspect the root of the problem may lie in my server-side configuration, possibly due to the headers I've set or some missing settings. I have ruled out any CodeIgniter-related issues (as I am using the latest version of CodeIgniter) by attempting to post to a simple PHP file with the same outcome. The simplest server-side setup I tried includes:
<?php
header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');
header('Access-Control-Allow-Headers: Content-Type');
exit(var_dump($_POST, $_FILES));
?>
Despite this, I continue to receive empty arrays...
Is there anyone who has suggestions on how I can proceed?