无法在angular 7中使用FormData通过Ajax发送文件

Question

我使用ASP. NET Core作为后端，我试图在角7中使用ajax发送文件。我已经创建了一个FormData类的对象，并使用append方法将该文件添加到该对象中。

Error: {"headers":{"normalizedNames":{},"lazyUpdate":null},"status":415,"statusText":"Unsupported Media Type","url":"https://localhost:44319/Api/TimeLinePost","ok":false,"name":"HttpErrorResponse","message":"Http failure response for https://localhost:44319/Api/TimeLinePost: 415 Unsupported Media Type","error":{"type":"https://tools.ietf.org/html/rfc7231#section-6.5.13","title":"Unsupported Media Type","status":415,"traceId":"0HLLKF4AT3QD7:00000005"}}

这是我的角度代码：

export class StatusComponent {
  selectedImage: File = null;
  constructor(private http: HttpClient, @Inject('BASE_URL') private baseUrl: string) {

  }
  onImageSelected(event) {
    this.selectedImage = <File>event.target.files[0];
  }
  update() {
    const fd = new FormData();
    fd.append('image', this.selectedImage, this.selectedImage.name);
    this.http.post<boolean>(this.baseUrl + 'Api/TimeLinePost', fd).subscribe(
      result => {
      },
      error => {
        alert('Ops! Somthing went wrong!');
        console.log(`Error: ${JSON.stringify(error)}`)
      }
    )
  }
}

这是我的api：

[HttpPost]
public bool Post(IFormFile image)
{ 
    return true;
}

Answer 1

它可以通过两种方式解决。

1） 将[FromForm]属性添加到操作参数（如本问题中所回答）：

[HttpPost]
public bool Post([FromForm] IFormFile image)
{ 
    return true;
}

2） 在配置中添加SetCompatibilityVersion（CompatibilityVersion.Version\u 2\u 2）。它将自动解决绑定问题：

public void ConfigureServices(IServiceCollection services)
{
   services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
}