javascript - 无需对任何 DOM 元素执行用户操作即可触发文件输入字段

Question

<分区>

Answer 1

当单击另一个美观的按钮时，通常会使用 Javascript 隐藏和单击文件输入。上传文件对话框只能通过用户交互打开，比如单击另一个 DOM 元素。因此，在页面加载时单击文件输入不会执行任何操作。 Internet Explorer 应该支持在页面加载时打开上传文件对话框，但其他浏览器不支持。

<input type="file" style="display: none;">
<button onClick="showUploadDialog()">Upload File</button>
<script>
function showUploadDialog(){
  document.querySelector("input[type=file]").click();
}
</script>