将文件从 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));        
}