如何将两个输入元素组合成一个输入元素来执行相同的任务？

Question

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

有两个输入，第一个选择要上传的文件，第二个用于将其作为文本读取（省略了readAsText（）函数）。

如何将两个输入元素组合成一个输入元素来执行相同的任务？ 我想要的只是单击一个按钮，可以选择文件并执行readAsText功能，而不是将它们全部放在一个div中。
将它们放入一个div元素中非常简单。

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

Answer 1

希望我理解这个问题。

我会使用onchange，因为当您点击该值时尚未更新。 这应该工作

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