angular - angular4应用程序中的FormData上传

标签 angular multipartform-data

在我的 angular4 应用程序中,我试图将视频上传到服务器。 但无论我向内容类型添加什么,它总是会导致服务器出错。 在 Angular 1 中,使用 { 'Content-Type': undefined }

命中相同的 api

我在 angular 中尝试了相同的方法,但它确实有效。 数据和一切都是正确的。 我试过如下设置内容类型

headers.append('Content-Type', 'multipart/form-data');
headers.append('Authorization', token);
headers.set('Accept', 'application/json');

也如下

headers.append('Content-Type', undefined);

http请求方式如下:

public uploadVideo(formData: any) {


        var Upload = this.baseUrl + this.ngAuth.getApiUrl('Upload');
        var authData = JSON.parse(this.localStorage.localStorageGet('token'));
        var token = 'Bearer ' + authData.token;
        var self = this;

        var headers = new Headers();
        headers.append('Content-Type', 'multipart/form-data');
        headers.append('Authorization', token);
        headers.set('Accept', 'application/json');

        return this.http.post(Upload , formData, { headers: headers, method: 'POST' })
            .map((res: Response) => res.json());

    }

请指导! 谢谢

最佳答案

所以在经历了很多解决方案之后,我偶然发现了这个 issue

它说不要将 Content-Type 添加到标题中。 所以从我的请求 header 中我删除了

headers.append('Content-Type', 'multipart/form-data');

谢谢!

关于angular - angular4应用程序中的FormData上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46910239/

相关文章:

angular - 通过 Routing angular2 传入 RouteParams 的对象/数组

xml - 通过 mule esb 转发多部分请求

ios - 如何扩展 IOS SimpleURLConnections HTTP POST 以发送可由 CGI Perl 解码的说明

javascript - 当前请求不是 [org.springframework.web.multipart.MultipartHttpServletRequest] 类型

html - 如何使用 ionic 制作 pdf 生成器?

使用 viewchild 和指令进行 Angular 组件测试

javascript - Angular CLI,类型错误 : Cannot read property 'value' of undefined

javascript - 如何在单击更新按钮 Angular 时检测表单值是否更新

java - 使用独立上下文和 SpringBoot 1.2.5 的 MockMvcBuilders 进行文件上传的单元测试

java - 我们如何接受多部分的请求主体?