Wie starte ich den "select file" -Dialog wenn ich in Javascript klicke

Question

Ich versuche den folgenden Upload von mehreren Bildern in JavaScript zu vereinfachen, so dass, wenn ich auf "add_photo" button klicke, der "select/Datei durchsuchen "-Dialogfeld. Ich brauche hier Hilfe. Vielen Dank.

HTML-Formular:

<form enctype="multipart/form-data" action="" method="POST"> 
    <div id="filediv"> 
     <input type="file" id="file" name="file[]" style="visibility:hidden"/> 
     <input type="button" id="add_image" class="upload" value="Add Image";/>    
    </div> 

    <input type="submit" id="upload" class="upload" name="submit" value="Upload Images";"/> 
</form> 

und was ich denke, ist die entsprechende JavaScript-Code-Funktion erfordert Änderung: ...................... .......

$('#add_image').click(function() 
{ 
    $(this).before(
     $("<div/>", {id: 'filediv'}).fadeIn('slow') 
     .append($("<input/>", {name: 'file[]', type: 'file', id:'file'})) 
    ); 
}); 

Answer 1

Sie können .click() am Eingang rufen programmatisch die Datei Eingabedialog zu öffnen. In Ihrer $('#add_image').click Funktion, müssen Sie den folgenden (Pseudo-Code) tun:

let input = $('input'); 
input.click(); 

Answer 2

Sie click() Methode können Click-Ereignis auf Dateieingabe simulieren.

$("button").click(function(){ 
 
    $("input").click(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="file" /> 
 
<button>Select file</button>