Я хочу загрузить файл при отправке формы, но не в Web API.
Я хочу сохранить файл по локальному физическому пути с помощью веб-API.
Я получаю эту ошибку.
POST http://localhost:35257/api/Employee/Create 500 (внутренний сервер
Ошибка).
HTML:
<form [formGroup]="employeeForm" (ngSubmit)="save()" #formDir="ngForm" novalidate style="position:relative;">
<div>
<input class="form-control" type="text" formControlName="Name">
<input type="file" id="FileUploader" (change)="onFileChange($event)" #fileInput accept=".pdf,.doc,.docx,.png">
<button type="button" class="btn btn-sm btn-default" (click)="clearFile()">clear file</button>
</div>
</form>
Компонент:
public myFile?: any;
form: FormGroup;
loading: boolean = false;
@ViewChild('fileInput') fileInput: ElementRef;
onFileChange(event) {
if (event.target.files.length > 0) {
let file = this.myFile= event.target.files[0];
this.employeeForm.get('FileUploader').setValue(file);
}
}
save() {
this._employeeService.saveEmployee(this.employeeForm.value, this.myFile)
.subscribe((data) => {
this._router.navigate(['/fetch-employee']);
}, error => this.errorMessage = error)
}
Сервис:
saveEmployee(employee, myFile): Observable<any> {
return this._http.post(this.myAppUrl + 'api/Employee/Create', employee, myFile);
}
Веб-API:
public int Create([FromBody] TblEmployee employee, HttpPostedFileBase myFile)
{
return objemployee.AddEmployee(employee, myFile);
}
public partial class TblEmployee
{
public int EmployeeId { get; set; }
public string Name { get; set; }
}