代码之家  ›  专栏  ›  技术社区  ›  Daniel Cukier

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

  •  1
  • Daniel Cukier  · 技术社区  · 15 年前

    我想在用户单击其他地方时显示文件选择窗口(例如,屏幕其他部分的图像)。我想这样做的原因是我有一个包含许多字段的表单,发布到某个操作“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>
    

    1 回复  |  直到 15 年前
        1
  •  4
  •   Kshitij Parajuli    15 年前
     $("img").click(function(){
        $("input[name=myfile]").trigger('click');
     });
    

    Demo . 单击信封图像。

    编辑:在每个输入字段上输入ID将使代码更加可读和“良好”