javascript - Javascript .click() 未在 Safari 中触发

Question

我的应用程序中有一个文件上传输入，我正在使用链接和 Javascript 打开对话框。

<a class="uploadlink" style="cursor:pointer" onclick="document.getElementById('file').click()">Open</a>

<input type="file" name="file" id="file" style="display:none" onchange="document.getElementById('txt').value = this.value"/>

我的代码适用于除 Safari 和 Apple 设备之外的所有浏览器和设备。当我单击链接并检查链接时，控制台甚至不会注册错误。有人可以提出解决方案吗？

Answer 1

由于我display:none在 safari 中，它不仅没有被渲染，而且也没有被引用。我现在更改了我的代码，如下所示。

jQuery解决方案

<a class="uploadlink" style="cursor:pointer" onclick="$('#file').trigger('click');">Open</a>
<input type="file" name="file" id="file" style="opacity:0" onchange="document.getElementById('txt').value = this.value"/>

Javascript 解决方案

 <a class="uploadlink" style="cursor:pointer"  onclick="document.getElementById('file').click();">Open</a>

即使在野生动物园中，它现在也可以使用。