jquery - 模拟点击jQuery, 歌剧

Question

我有没有显示的表格和输入类型的文件，我还做了一个按钮。当你点击它应该打开下载对话框。这种组合适用于除 Opera 之外的所有浏览器。如果删除显示开始工作：无；

<form id="imageform" method="post" enctype="multipart/form-data" action='' style="display: none;">
    <input type="file" name="photoimg" id="photoimg" />
</form>
<input type="button" id="upload" value="upload">

查询：

$('#upload').on("click", function () {
    $('#photoimg').click();
});

请解释一下，如何避免这种情况。

Answer 1

如果你使用visibility: hidden代替会更好display:none

或者您可以尝试使用纯 CSS。例如：

#photoimg {
   left: -99999px
}

或者

#photoimg {
   z-index: -999
}

或者

#photoimg {
   width: 0px
}

或类似的东西

Answer 2

display: none您可以这样做，而不是制作文件输入元素：

<div style="width:0;height:0;overflow:hidden;">
    <form id="imageform" method="post" enctype="multipart/form-data" action="">
        <input type="file" name="photoimg" id="photoimg" accept="image/*"
           onchange="document.getElementById('imageform').submit();" />
    </form>
</div>
<button id="upload" onclick="document.getElementById('photoimg').click();">
Upload</button>