Invalid boundary in the content type multipart/form-data about angular-material-fileupload HOT 6 CLOSED

This is caused because of the default value for headers setting the Content-Type manually to multipart/form-data . If the header is manually set the browser stops setting the header by itself with the boundary property.

As a workaround you can just overwrite the default setting like this

`<mat-file-upload-queue #fileUploadQueue
[fileAlias]="'file'"
[httpUrl]="'http://localhost:8089/upload'"
[httpRequestHeaders]="{}">

<mat-file-upload [file]="file" [id]="i" *ngFor="let file of fileUploadQueue.files; let i = index">

`

[httpRequestHeaders]="{}" will unset the default header which will lead to the behavior that the browser will set the Content-type including boundary attribute

Tested with Chrome

from angular-material-fileupload.

agreed. But this update has never been made in master. I am surprised. looks the repo owner does not follow up this repo.

from angular-material-fileupload.

Just pushed 1.0.0 (angular 6), made the default httpheaders for upload and queue as empty. Please check.

from angular-material-fileupload.

Please try 1.0.1.

from angular-material-fileupload.

@theGirlWithTheDragonTattoo Did you get a chance to try this version?

from angular-material-fileupload.

@theGirlWithTheDragonTattoo Closing this issue, Please let me know if you see any other issues.

from angular-material-fileupload.