How to activate input file fields with click()?

Question

JavaScript

Hello, I need to emulate clicking on an input file field using js.
Now I'm trying to figure out this solution.

$(function() {
            $("#formUploadBtn").click(function() {
                $("#formInput").click();
            });
        });

<form id="test_form" method="post" action="">
        <input type="file" id="formInput"/>
        <button id="formUploadBtn">Upload</button>
 </form>

when input enters the form group, the page is reloaded and nothing works. How to solve this problem?

Answer 1

e May the answer is simple - the button submits the form)
In order that there would be no submit

$(function () {
    $("#formUploadBtn").click(function () {
        $("#formInput").click();
        return false;
    });
    $('#formInput').change(function () {
        $('#test_form').submit();
    })
});

jsfiddle.net/mLgeLtgy

Answer 2

focus () on the field did not try to put?