在输入文件上强制单击事件或打开选择文件窗口

Question

我的 HTML 中有一个带有字段的表单。

我想在用户单击其他位置（例如，屏幕其他部分的图像）时显示文件选择窗口。我想这样做的原因是我有一个包含许多字段的表单，发布到某个操作“x”，以及屏幕其他部分的文件选择表单，提交到操作“y”

<form action="x">
   <input type="text" name="field1">
   <input type="text" name="field2">
   <input type="text" name="field3">
   <img src="select_file.png" onclick="//triggers file selection on other form">
   <input type="text" name="field4">
   <input type="text" name="field5">
</form>

<form action="y">
  <input type="file" name="myfile">
</form>

还有其他方法吗？

Answer 1

 $("img").click(function(){
    $("input[name=myfile]").trigger('click');
 });

Demo。单击信封图像。

编辑：在每个输入字段上提供 ID 将使代码更具可读性和“好”。