角度：单击按钮后打开文件对话框

Question

我正在使用Angular 8。 单击按钮后，我要打开文件对话框，选择一个文件，然后调用将处理该文件的事件。

谢谢你， 兹维卡

我尝试了以下HTML代码。 但我不希望任何内容都以HT​​ML显示。

HTML

<p-fileUpload name="myfile[]" customUpload="true" auto="true" (uploadHandler)="onOpenFile($event)" accept="application/pdf"></p-fileUpload>

ts

public onOpenFile (event) { }

Answer 1

您可以使用常规输入标签来实现此目的，可以将其隐藏，但是至少需要一个元素来触发click事件。选中stackblitz

Answer 2

仅在对某人有帮助时才发布

就我而言，我想将同一个文件上传两次。除此之外，根据 this example 一切正常。

要上传同一个文件两次，您需要在选择文件后清除 value 的 input。就像下面的例子

Stackblitz example