Comment combiner les deux éléments d'entrée en un seul élément d'entrée pour effectuer la même tâche?

Question

<input type="file" id="file" /><input type="button" value="display text" onclick="readAsText();"/> 

Il y a deux entrées, la première pour sélectionner le fichier à télécharger, la seconde pour le lire en tant que texte (omettre la fonction readAsText()).

Comment combiner les deux éléments d'entrée dans un élément d'entrée pour effectuer la même tâche?
Ce que je veux, c'est juste cliquer sur un bouton, le fichier peut être sélectionné et la fonction readAsText peut être exécutée, ne pas les mettre tous dans un div.
Il est si simple de les mettre dans un élément div.

<div><input type="file" id="file" /><input type="button" value="display text" onclick="readAsText();"/></div> 

Answer 1

Espérons avoir compris la question.

Je voudrais utiliser onchange parce que lorsque vous cliquez sur la valeur n'est pas encore mis à jour. Cela devrait fonctionner

<input type="file" id="file" onchange="readAsText(this.value);" />