空体发送文件列表

Question

我正在尝试使用 Angular 8 将文件列表发送到我在 Laravel 中的服务器，但是当我通过发布请求发送它时，有效负载正文是空的，我认为它必须是内容类型。

服务：

createImageAssigment(images, apartment, building) {
    const img = Array.from(images);
    return this.http.post(this.baseurl + `/xxxxx/xxxxx/xxxxx/xxxxx/xxxxx`, img );
}

那个 img var 包含一个这样的列表：

FileList {0: File, 1: File, 2: File, 3: File, length: 4}
原型：文件列表

当我发送它时，它显示以下内容： 请求负载：

[{},{},{},{}]

Answer 1

我认为它们应该包含在 FormData 中

    createImageAssigment(images, apartment, building) {
        const headers = new HttpHeaders();
        headers.append('Content-Type', 'multipart/form-data');
        headers.append('Accept', 'application/json');
        const img = Array.from(images);
        var myFormData = new FormData();
        myFormData.append('image', img);
        return this.http.post(this.baseurl + `/xxxxx/xxxxx/xxxxx/xxxxx/xxxxx`, myFormData,{
  headers: headers
} );
    }