我想在模态视图中从我的html输入标签中获取文件名,并使用Angular2保存它。有人能帮我吗?
你可以做下一个:
HTML:
<input type="file" (change)="fileEvent($event)" />
打字稿:
fileEvent(fileInput: Event){
let file = fileInput.target.files[0];
let fileName = file.name;
}
您可以尝试更优雅的选择:
HTML:
<input #file type="file" (change)="updateFile(file)">
脚本:
updateFile(file: HTMLInputElement) {
let name = file.value;
}
HTML
<input type="file" (change)="onFileChange($event)">
脚本
onFileChange(event) {
let files = event.target.files[0].name;
}
<button (click)="imgFileInput.click()">Add</button>
{{ imgFileInput?.files[0]?.name }}
<input hidden type="file" #imgFileInput (change)="uploadSingle($event)"/>
这项工作形成了我:
HTML
<input type="file" (change)="detectFiles($event)">
<div class="output">Seleccionado: {{ fileName }} </div>
TS
selectedFiles: FileList;
fileName: string;
detectFiles(event) {
this.selectedFiles = event.target.files;
this.fileName = this.selectedFiles[0].name;
console.log('selectedFiles: ' + this.fileName );
}