带有FormData的Angular 4 POST授权令牌

时间:2017-10-07 17:34:57

标签: angular authentication token image-uploading form-data

我正在尝试从Angular 4上传图片。

这是我的图片上传代码:

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

    let headers = new Headers();
    this.authService.loadToken();
    headers.append('Authorization', this.authService.authToken);
    headers.append('Accept', 'application/json');
    const ep = this.prepEndPoint('images/uploadImage');

    return this.http.post(ep, formData, {headers: headers})
      .map(res => res.json());
  }

  prepEndPoint(ep) {
    if (this.isDev) {
      return ep;
    } else {
      return 'http://localhost:3000/' + ep;
    }
  }

它返回错误:'未经授权';

我在简单的post调用中测试了这个标记,在那里我将对象作为数据传递,并且它没有任何问题。所以我的AuthService和服务器运行良好。当我尝试发布FormData时出现问题(图片,就我而言)。

有什么建议吗?

0 个答案:

没有答案