如何将图像（角度 6）发布到 Web Api 2？

Question

我需要从 Angular 6 网站向 webApi 发送图像（徽标）。实际上我的端点被角度客户端“触及”了。所以

我想从角度发送图像的二进制文件并将其接收到 Web api 控制器中。我怎样才能做到这一点？ （我真的不好经营形象……） 是二进制文件（角度中的 File 类），与 webApi 中的 byte[] 相同吗？

谢谢。

Answer 1

您可以通过以下方式进行操作

HTML 代码

  <input type="file" (change)="onFileChanged($event)" #fileInput>
  <button (click)="fileInput.click()">Select File</button>
  <button (click)="onUpload()">Upload!</button>

Ts 代码

import { HttpClient } from '@angular/common/http';

export class MyFileUploadComponent {
  selectedFile: File;

  constructor(private http: HttpClient) { }

  onFileChanged(event) {
    this.selectedFile = event.target.files[0]
  }

  onUpload() {

    // make sure you have injected HttpClientModule in app.module.ts

    this.http.post('my-backend.com/file-upload', this.selectedFile)
    .subscribe(... something here..);
  }
}