以编程方式触发“选择文件”对话框

小编典典

javascript

我有一个隐藏的文件输入元素。是否可以通过按钮的单击事件来触发其 选择文件 对话框？

阅读 271

2020-05-01

共1个答案

小编典典

如果您希望使用自己的按钮来上传文件而不是使用<input type="file" />，则可以执行以下操作：

<input id="myInput" type="file" style="visibility:hidden" />
<input type="button" value="Show Dialog" onclick="$('#myInput').click();" />

请注意，我使用visibility: hidden而不是display: none。您不能在未显示的文件输入上调用click事件。

2020-05-01