实现原理:input输入框type=“file”,使用angular自带框架formData
html:
<input style="width: 100%; position: absolute;z-index: 99;opacity: 0; cursor: pointer" id="file" type="file" name="inputfile" placeholder="value" nz-input (change)="handleChange($event)" />
<div class="download">
<button nz-button nzType="default">
<i nz-icon nzType="download"></i>
请选择
</button>
<div>{{this.textFile ===""?"暂无任何文件":this.textFile}}</div>
</div>
ts:
handleChange(e): void {
// console.log(e.target.files[0]);
this.textFile =e.target.files[0].name
this.file = e.target.files[0];
this.typed = e.target.files[0].type
this.FileWord()
}
FileWord(){
const formData = new FormData();
formData.append('file', this.file);
formData.append('project_id',this.projectId);
// formData.append('type',this.typed);
this.caseService.FileWord(formData).subscribe(
(resp)=>{
this.typefro = resp.data.id
this.filename = resp.data.filename
}
)
}