如何在 Angular 4 中触发文件上传输入?我正在尝试,但它不起作用。
我必须单击 div 并触发输入类型按钮,而不是输入按钮。
应用程序.html:
<input id="custom-input" type="file" >
<div (click)="myEvent(custom-input)">
Click here to upload file
</div>
app.ts:
myEvent(event) {
alert("event");
event.nativeElement.click();
}
- 创建文件上传输入:
<input
hidden
type="file"
#uploader
(change)="uploadFile($event)"
/>
- 创建一个按钮来触发文件输入的单击:
<button (click)="uploader.click()">
Upload
</button>
然后在你的组件中你可以使用$event
:
uploadFile($event) {
console.log($event.target.files[0]); // outputs the first file
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)