javascript - 为什么文件输入更改不能重复工作?
问题描述
我有以下代码:
<input type="file" #fileInput ng2FileSelect [uploader]="uploader" (onFileSelected)="onFileSelected($event)" />
和处理程序:
public onFileSelected(e: FileList): void {
this.form.patchValue({ filename: e[0].name });
}
问题是当我尝试选择之前选择的同一个文件时,输入不会改变并且不发送事件:e: FileList
解决方案
按下输入文件按钮时,您需要重置输入文件值。
<input id="fileInput" onclick="fileClicked()" type="file">
<script>
function fileClicked(){
document.getElementById("#fileInput").value = "";
}
</script>
推荐阅读
- eclipse - 在 ABAP 存储库中没有提交和检索 SAP UI5 应用程序的选项
- c++ - 循环条件适用于原始迭代器,但不适用于迭代器解引用
- spring - Spring Boot Rest 控制器不接受多部分表单数据
- javascript - 确定浏览器的屏幕宽度是多少
- javascript - jsp - javascript - 单击事件对于循环 id 元素以更新数据库中的记录
- sql - 如何递归地从实体框架中的父/子获取 id?
- javascript - Vuejs 使用 postmessage 从 iframe 接收事件
- multithreading - 线程被台面信号量唤醒后如何获取锁?
- wpf - 为什么 DisplayMemberPath 没有显示?
- deep-learning - CNN_如何使用不同大小的输入输出图像?