在Angular 8中,可以使用FormData对象来传递IFormFile上传数据。以下是一个完整的示例:
<form (ngSubmit)="onSubmit()" #uploadForm="ngForm">
<input type="file" name="file" (change)="onFileChange($event.target.files)">
<button type="submit" [disabled]="!uploadForm.valid">上传文件</button>
</form>
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-upload',
templateUrl: './upload.component.html'
})
export class UploadComponent {
selectedFile: File;
constructor(private http: HttpClient) { }
onFileChange(files: FileList) {
this.selectedFile = files.item(0);
}
onSubmit() {
const formData = new FormData();
formData.append('file', this.selectedFile);
this.http.post('http://your-api-url/upload', formData)
.subscribe(response => {
console.log(response);
// 处理上传成功的响应
});
}
}
http://your-api-url/upload
为实际的上传接口URL。这样,在Angular 8中就可以使用IFormFile传递上传数据了。请根据实际情况进行调整和扩展。
领取专属 10元无门槛券
手把手带您无忧上云