<input type="file" accept="image/*">

<button>Upload file</button>

如何从Angular 2的按钮点击事件触发输入类型=FILE的点击事件?

推荐答案

您可以利用模板引用变量,如下所示:

<input type="file" accept="image/*" #file>
<button (click)="file.click()">Upload file</button>

对应的plunkr在这里是https://plnkr.co/edit/JB4HY0oxEUgXXIht2wAv?p=preview

Angular相关问答推荐

从嵌套组件导航到命名路由中的顶级路由

带有服务依赖的Angular测试类

带有搜索功能的CDK-VIRTUAL-SCROLL-VIEPORT不显示该值

Angular router-outlet 未渲染

Angular 17多内容投影错误

弯管记忆

如何解决在StackBlitz中使用SPARTIER时出现无法解析解析器错误(&C)?

如何将参数传递给Angular 服务

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

URL 更改但组件未在 Angular 导航中呈现

Angular,数据显示在控制台但不在应用程序中

Angular 13 中