空体发送文件列表

Question

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

服务：

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

那个 img 变量包含这样一个列表：

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
} );
    }

空体发送文件列表

Empty body sending list of files

post

angular

angular8