Как разместить (в угловых 6) изображение на веб-Api 2?

Question

Мне нужно отправить с веб-сайта Angular 6 изображение (логотип) в webApi.На самом деле моя конечная точка «тронута» угловым клиентом.Так что

Из углового я хочу отправить двоичный файл изображения и получить его в контроллер веб-API.Как я могу этого достичь?(Я действительно не очень хорошо управляю изображением ...) Является ли бинарный файл (класс File в угловом формате) тем же байтом [] в webApi?

Спасибо.

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..);
  }
}