Question

我想点击链接打开文件选择器对话框，我的代码如下：

<a href="#" onclick="OpenFileDialogue();">
    <img src="xyz.jpeg">
    <input type="file" style="display: none" id="UploadProfPic" />
</a>

<script>
    function OpenFileDialogue(){
        $("#UploadProfPic").click();        
    }    
</script>

错误：递归过多

Answer 1

您的输入位于链接内（语法也不正确），因此当您触发对输入的单击时，它会传播到链接。将input标记放在a标记之外以解决问题：

<a href="#" onclick="OpenFileDialogue();">
    <img src="xyz.jpeg">
</a>
<input type="file" style="display: none" id="UploadProfPic" />

单击链接不工作时，Jquery触发文件控制的单击事件

1 个答案: