Angular: диалог открытия файла при нажатии кнопки

Question

Я использую Angular 8. После нажатия кнопки я хочу открыть диалоговое окно файла, выбрать файл и затем вызвать событие, которое будет обрабатывать этот файл.

Спасибо, Звика

Я попробовал следующий код в HTML. Но я не хочу, чтобы что-то отображалось в HTML.

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