javascript - 浏览器控制台和jQuery函数的奇怪行为

我隐藏了input["type"]来设置“浏览文件”按钮的样式。

<input type="file" id="photoUpload" multiple style="display: none"/>

<button class="addFile" id="fakePhotoUpload">&nbsp;</button>

我尝试通过jQuery函数触发隐藏的input["type"]点击

$('#fakePhotoUpload').click(function() {
    $('#photoUpload').click();
});

这段代码的执行和工作就像一个魅力。

但是，如果我称之为功能

$('#photoUpload').click();

在浏览器控制台（Google Chrome）中没有任何反应。

谁能解释控制台的这种行为？

最佳答案

为了安全起见，如果没有用户交互，则无法打开浏览器文件对话框。在您的示例中，单击页面上的任何位置。
如果可以的话，应该紧急修复！

关于javascript - 浏览器控制台和jQuery函数的奇怪行为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22959338/