Angular 2 - 将文件作为表单数据的一部分发送

【问题标题】：Angular 2 - send file as a part of form dataAngular 2 - 将文件作为表单数据的一部分发送
【发布时间】：2017-01-17 12:07:54
【问题描述】：

有谁知道如何使用 Angular 2 中的 AuthHttp (angular2-jwt) 服务将图片（文件）作为表单数据的一部分发送？

【问题讨论】：

标签： angular angular2-jwt

【解决方案1】：

您可以创建该文件信息的对象并通过 http 请求发送

喜欢：

 var formData = new FormData(document.getElementById("formName"));
        for(var i=0;i<obj.length;i++){
            formData.append("file["+i+"]",obj.fileModel[i]);
        }

    formData.append("title",title);
    formData.append("xyz",xyz);

并将这个formData发送到http请求

【讨论】：

【解决方案2】：

使用 authHttp 发送文件可以这样：

let file = new File([blobData], "filename.png");
const url = 'https://example.com/upload';

let formData:FormData = new FormData();
formData.append('file', file, file.name);

this.authHttp.put(url, formData)
      .catch(this.handleError);

【讨论】：