输入文件点击Chrome

Question

好的，所以我有一个类型为file和id为“test”的输入元素

当我输入地址栏时：javascript：document.getElementById（“test”）。单击（）它会打开打开的文件对话框，以便用户决定要上传的内容。但是，如果将相同的确切行插入到文档中或在chrome控制台中完成，则不会显示打开的文件对话框。事实上，控制台说click（）函数是未定义的。在chrome中有没有办法做到这一点？

因为它似乎适用于任何其他浏览器

Answer 1

你应该将文件输入元素包装到其他元素（例如：div）： HTTM：

<div>
<input type='file'>
<div>

CSS：

div{
height:1px;
overflow: hidden;
}

JS：

$('div input').click();

祝你好运......

Answer 2

我有同样的问题并设法解决它（虽然我使用的是jQuery）。我在另一个问题中详述了这项技术

Jquery trigger file input

这个想法主要是在以编程方式触发点击之前关注文件输入。