將文件從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));        
}