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将使代码更具可读性和“良好”。

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

1 个答案: