input type =附加到onclick事件的文件

Question

我有这样一个菜单:

<ul class="sub">
    <li><a href="#">New</a></li>
    <li><a href="#">Open</a></li>
    <li><a href="#">Save</a></li>
    <li><a href="#">Help</a></li>
</ul>

而且我想将一个onclick附加到Open li上,它会启动文件打开对话框,就像input type="file"那样.我可以处理附加代码到li的onclick事件,但我不知道要附加什么代码.

TIA

Answer 1

您可以input type="file"为页面添加法线并将其设置为隐藏样式.像这样的东西:

<input type="file" id="theFileInput" style="display:none;" />

(本示例仅使用内嵌样式,我建议将样式与标记分开.)

然后,您可以启动单击它以响应目标元素上的单击事件.使用jQuery(假设您可以在某种程度上设置idon li或以其他方式在选择器中唯一地标识它),它将类似于:

$('#clickableLiElement').click(function() {
    $('#theFileInput').click();
});

将input type="file"仍然存在,可以像任何其他形式的元素进行交互.它对用户来说是不可见的.但是这将启动"打开文件"对话框并将其值正常设置为元素,这可以正常地包含在POST中.