Angular文件输入不更新到新上传的文件 _程序开发

创始人

2024-10-30 00:00:43

0次

Angular文件输入组件（input type="file"）可以让用户选择本地文件进行上传。但是，当用户选择一个新文件并上传时，文件输入组件可能不会在UI上更新为新文件。

为了解决这个问题，我们可以通过重置文件输入组件来清除用户的选择。即使用户选择相同的文件，这仍然会强制文件输入组件更新并显示新文件。

以下是一个示例：

HTML 文件：

component.ts 文件：

onFileSelected(event) { //清理文件输入组件的选择 event.target.value = null; // 处理新文件 // code... }

一旦新文件被上传，我们就可以在onFileSelected函数中处理该文件并重置文件输入。

黑科技脚本!来玩德州app服务... 黑科技脚本!来玩德州app服务器在哪里(wepoke智能ai)一向有挂(有挂细节)-哔哩哔哩1、用户...

黑科技线上!aapoker挂(... 黑科技线上!aapoker挂(德州ai辅助神器软件)总是是真的有挂(有挂讲解)-哔哩哔哩1、完成德州...

黑科技挂!wepoke辅助技巧... 黑科技挂!wepoke辅助技巧(wepoke有没有挂)一向真的是有挂(有挂猫腻)-哔哩哔哩;一、we...

黑科技科技!gg扑克实战(we... 黑科技科技!gg扑克实战(wepoke黑科技)最初是真的有挂(竟然有挂)-哔哩哔哩1、金币登录送、破...

黑科技系统!德州之星辅助软件(... 黑科技系统!德州之星辅助软件(wepoke黑科技)先前真的是有挂(有挂技术)-哔哩哔哩1、任何德州a...

黑科技线上!德扑之星辅助器(德... 黑科技线上!德扑之星辅助器(德州ai软件购买)切实是有挂(有挂存在)-哔哩哔哩1、不需要AI权限，帮...

黑科技app!aapokera... 黑科技app!aapokerai辅助(德扑ai机器人软件开发)原来真的是有挂(有挂技术)-哔哩哔哩;...

黑科技辅助挂!德扑ai智能(德... 1、黑科技辅助挂!德扑ai智能(德州辅助神器软件)原本真的是有挂(新版有挂)-哔哩哔哩；详细教程。2...

黑科技挂!微扑克有辅助挂(aa... 黑科技挂!微扑克有辅助挂(aapoker发牌机制)原生存在有挂(有挂方针)-哔哩哔哩1、玩家可以在a...

黑科技有挂!aa扑克外挂(微扑... 黑科技有挂!aa扑克外挂(微扑克透牌)从前有挂(有挂细节)-哔哩哔哩，亲，有的，ai轻松简单，又可以...