angular 5 - 带有特定标题的 http 帖子答案

【问题标题】：angular 5 - http post with specific headerangular 5 - 带有特定标题的 http 帖子
【发布时间】：2017-12-28 16:22:30
【问题描述】：

我的标题在构造函数中设置如下：

this.headers = new Headers();
this.headers.append('Content-Type', 'multipart/form-data;boundary=--boundary');

我已收集数据以在 formData 中发布

            .....
 let data = new FormData();
     data.append('file', file);
     data.append('fileName', file.name);
     data.append('fileSize', file.size.toString());
     data.append('fileType', file.type);
     data.append('fileLastMod', file.lastModifiedDate);
            .....

我在这里发布数据

let url = 'http://api.********.com/gallery/'+ this.selectedCategory;
            this._http.post(url, data, {headers : this.headers})
                .toPromise()
                .catch(reason => {
                    console.log(JSON.stringify(reason));
                }).then(result => {
                console.log('From Promise:', result);
            });

但我收到以下错误：

我正在接近的 API 需要以下内容：

所以我的问题是如何设置这些要求，如边界、内容配置等？这些对我来说都是新事物。

【问题讨论】：

更改标题headers.set('Accept', 'application/json');
没有改变

标签： javascript angular http-headers

【解决方案1】：

如果您在请求中发送表单数据对象，则不需要导入内容类型。

Angular HTTP 方法支持 multipart 类型，而 HttpClient 也支持 multipart，默认 reportProgress 功能会通知上传状态

解决方案-使用HTTP方法，它会自己设置边界。

【讨论】：