使用 JS 或 JQuery 点击图片上传按钮答案

【问题标题】：Clicking on an image upload button using JS or JQuery使用 JS 或 JQuery 点击图片上传按钮
【发布时间】：2014-12-13 09:33:11
【问题描述】：

我有以下代码，

http://fiddle.jshell.net/hvLf8yua/

当我使用鼠标单击图像上传按钮时，它会按预期打开文件对话框。但是，我无法使用 JQuery 或 JS 触发它。谁能告诉我如何实现这一目标？我想要的是在调用此类脚本时打开文件对话框。

【问题讨论】：

你不能因为安全原因，js不能通过用户电脑交互。
这不是一个有效的答案。我不想填写对话框，我想模拟点击区域。
我知道......并且由于安全性原因，由于文件输入它无法工作，下面的答案都不起作用，试试它们......这是对你问题的有效答案，你可以'吨。一个简单的搜索就会告诉你，因为它已经在这里被问了一千次了
所以，你说的是我什至不能触发文件上传按钮的点击事件。在我的小提琴示例中，此按钮位于 div 中。我尝试将点击事件发送到 div 但它也不起作用？一定有办法做到这一点。
如果你找到一个，让我和这里问过完全相同问题的其他人知道.....

标签： javascript jquery html jquery-plugins

【解决方案1】：

这里有一个示例 sn-p 你可以参考：-

<script>
function openFile()
{
  document.getElementById("dialog").click();
}
</script>
<body onload= "openFile()">
    <input type="file" id="dialog" style="display:none">
</body>

【讨论】：

您是否尝试过我在主要问题中给出的 jsfiddle 中的代码？我非常了解您的示例，但它在我提供的代码中不起作用。
试试这个，但在你的电脑上运行它。我已经尝试过了，它有效。也许小提琴上有一些脚本阻止它正常工作。fiddle.jshell.net/x3cct5bz/6