html file browse dialog code example

Example: How to open a file dialog with javascript

<!DOCTYPE html>
<html>
    <head>
        <title>Whatever you Want your title to be</title>
    </head>
    <body>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
            var selectDialogueLink = $('<a href="">Select Files</a>');
            var fileSelector = $('<input type="file">');
          
            selectDialogueLink.click(function(){
                fileSelector.click();
                return false;
            });
            $('body').html(selectDialogue);
            // This change to the fileSelector variable will make multiple selects true
            fileSelector = $('<input type="file" multiple=""');
        </script>
    </body>
</html>

Tags:

Html Example

Recent Posts