Angular6 input上传文件时，当选择的文件名重复时，不触发change事件

原因是两次input的value值相等了

解决办法就是在获取了文件对象后，将事件的target.value赋值为空，即 event.target.value = ""

html

<button type="button" (click)="uploadFile()">上传</button> <input type="file" name="file" id="file" (change)="onFileSelect($event)" accept=".xlsx,.xls"/>

ts文件,

onFileSelect(event) { if (event.target.files.length == 1) { this.fileName = event.target.files.item(0).name this.file = event.target.files.item(0) event.target.value = "" //解决重复选择同一个文件无法触发的change事件 } else { console.log("No file select!") } } uploadFile() { this.service.uploadFile(this.file).then(res => { this.notice = { type: 'success', title: `${this.fileName}上传成功` }; }).catch(err => { console.log(err.message) }) }