Typescript 如何在 Angular 2 中发布 FormData 对象

发布于05月12日

我需要上传一个文件并发送一些json，我有这个功能:

POST_formData(url, data) {
        var headers = new Headers(), authtoken = localStorage.getItem('authtoken');

        if (authtoken) {
            headers.append("Authorization", 'Token ' + authtoken)
        }

        headers.append("Accept", 'application/json');
        headers.delete("Content-Type");

        var requestoptions = new RequestOptions({
            method: RequestMethod.Post,
            url: this.apiURL + url,
            headers: headers,
            body: data
        })

        return this.http.request(new Request(requestoptions))

        .map((res: Response) => {
            if (res) {
                return { status: res.status, json: res.json() }
            }
        })
    }

我的问题是，如果我将content-type设置为"multipart/form-data"，我的服务器会抱怨边界，如果我完全删除content-type头，我的服务器会抱怨它"text/plain"是受支持的媒体类型.

那么，如何使用angular2发送FormData？

推荐答案

这是一个Open Isuue on Angular2 Git存储库，还有一个Pull Request等待合并，希望它能很快合并.

Alternatively,

为此，可以直接使用XMLHttpRequest对象.

别忘了设置标题

xhr.setRequestHeader("enctype", "multipart/form-data");

// IE workaround for Cache issues
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("Cache-Control", "no-store");
xhr.setRequestHeader("Pragma", "no-cache");

在你赚的XMLHttpRequest美元上.

Similar Questions:

How to upload file in Angular2

Angular 2 File upload from input type=file

Angular2 post uploaded file