come attivare l'evento click del file di input dal clic del pulsante in angular 2?

Question

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

 
<button>Upload file</button>

Come innescare clicca caso di input type = file da evento click del pulsante in angolare 2?

Answer 1

È possibile sfruttare variabile di riferimento template come segue:

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

Il corrispondente plunkr è qui https://plnkr.co/edit/JB4HY0oxEUgXXIht2wAv?p=preview

Answer 2

si potrebbe fare avere dichiarare variabile per il campo di file di input come #file & allora solo di modifica del file fare chiamare la funzione per passare il file caricato alla funzione.

<input #file type="file" accept="image/*" (change)="upload(file.files)"> 

<button #upload (click)="file.click()">Upload file</button>