загрузить файл из Angular 5/6 в WebApi c #

Question

Мне нужно преобразовать файл в байтовый массив в мой WebApi

мой HTML-шаблон:

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

и завершить мой компонент:

    onFileChanged(event) {
      this.selectedFile = event.target.files[0]      
    }  
    onUpload() {   
      const uploadFile = new FormData();   
      uploadFile.append('string', this.selectedFile, 
                                   this.selectedFile.name);       
      this.http.post(URL ,uploadFile);        
    }

для этогопример не использовать сервис

Answer 1

Необходимо создать FormData объект для загрузки изображений

onUpload() {   

    let formData:FormData = new FormData();
    formData.append('uploadFile', this.selectedFile, this.selectedFile.name);
    let headers = new Headers();

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

    let options = new RequestOptions({ headers: headers });   

    this.http.post('http://localhost:516./....', formData, options)
     .subscribe(event =>  console.log(event));        
}