Multipart FormData fails to upload file and shows Missing boundary in multipart/form-data POST data error

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ x ] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
[ ] Other... Please describe:

Current behavior

HttpClient Does not set boundary value for multipart form data while uploading file. Server throws this error: PHP Warning: Missing boundary in multipart/form-data POST data in Unknown on line 0

File uploaded never makes to the the backend. $_FILES is empty. Content type header looks like this : Content-Type: multipart/form-data

Expected behavior

The content type header should be something like this 👍 Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

Minimal reproduction of the problem with instructions

Just try to upload a fie to server using FormData(), you will realise. I am using laravel 5.6 as backend.

What is the motivation / use case for changing the behavior?

Uploading File using Multupart Formdata.

Environment

Angular version: 6.1.x


Browser:
- [ x] Chrome (desktop) version XX
- [ x] Chrome (Android) version XX
- [x] Chrome (iOS) version XX
- [x ] Firefox version XX
- [ x] Safari (desktop) version XX
- [ x] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: 8.11.x  
- Platform: Mac

Others:
Laravel 5.6
PHP 7.2
Apache2.4
Ubuntu 16.04 or later
Angular material FileUpload package