Open File Dialog in Javascript
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>Example using standard JavaScript and a normal link
var fileSelector = document.createElement('input');
fileSelector.setAttribute('type', 'file');
var selectDialogueLink = document.createElement('a');
selectDialogueLink.setAttribute('href', '');
selectDialogueLink.innerText = "Select File";
selectDialogueLink.onclick = function () {
fileSelector.click();
return false;
}
document.body.appendChild(selectDialogueLink);