Open explorer input file with JavaScript

Question

In a web page I have this HTML code:

    function inviaDocumentoAjax(formId) {
        inviaDocumentoAjaxByForm();
        document.getElementById("file_1053761667559715321").value = null;
    }

    function uploadFile(target){
        document.getElementById("file_1053761667559715321").value = target.files[0].name;
    }

<table align="left" border="0" class="very compact table rounded">
    <tbody>
        <tr>
            <td>
                <div style="position:relative;">
                    <input type="text" id="file_1053761667559715321" style="position:absolute;" placeholder="Clicca qui per selezionare un file  ">
                        <input type="file" name="documento" title="" style="opacity:0; z-index:1;" onchange="uploadFile(this)" class="ui primary button">       
                </div>
            </td>
            <td>              
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Carica  " style="background-color:#1678c2;background:#1678c2;height:20px;width:56px;padding:0px" onclick="inviaDocumentoAjax();" class="ui primary button">      
            </td>
        </tr>
    </tbody>
</table>

I try to open input file explorer using JavaScript without success.

Does anyone know how I can do this?

Does this answer your question? [How can I open a Windows Explorer window from Javascript?](https://stackoverflow.com/questions/14119642/how-can-i-open-a-windows-explorer-window-from-javascript) — Heretic Monkey, Aug 09 '22 at 17:34

score 0 · Accepted Answer · edited Aug 09 '22 at 17:36

0

You can open it by firing this line of code wherever you want it to open

document.getElementById("file_1053761667559715321").click();
//this line of code will open the file explorer

edited Aug 09 '22 at 17:36

Heretic Monkey

11,687
7
53
122

answered Aug 09 '22 at 16:50

Timileyin Oluwayomi

159
7

1

.click() isnt jquery man, its a javascript method check [here](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click) it supported by all browsers and as u can see their i didnt post a jquery snippet its javascript – Timileyin Oluwayomi Aug 09 '22 at 17:17
you can also reference w3school for more info [here](https://www.w3schools.com/jsref/met_html_click.asp) – Timileyin Oluwayomi Aug 09 '22 at 17:18
`w3schools` isn't a good source, but yes, `click` is a vanilla js thing – Konrad Aug 09 '22 at 17:34
However, "you" is an English word, whereas "u" is not ;). Also, this question has been asked many, many times before. – Heretic Monkey Aug 09 '22 at 17:36
ooh so sorry about my "u" and did answer solved the issue for you or helped out ? – Timileyin Oluwayomi Aug 09 '22 at 18:18

Open explorer input file with JavaScript

1 Answers1