Принудительное нажатие на входной файл или открытие окна выбора файла.

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');
 });

Демо . Нажмите на изображение конверта.

Редактировать: присвоение идентификаторов каждому из полей ввода сделает код более читабельным и «хорошим».