如何啓動「選擇文件」對話框時點擊javascript

Question

我試圖在javascript中簡化以下多個圖像上傳代碼，以便當我點擊「add_photo」按鈕時，它會啓動「選擇/瀏覽文件「對話框。我需要一些幫助。謝謝。

HTML表單：

<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> 

和我認爲是相關的JavaScript代碼的功能需要修改： ...................... .......

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

Answer 1

您可以通過撥打電話.click()以編程方式打開文件輸入對話框。裏面你$('#add_image').click功能，你需要做以下（僞代碼）：

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

Answer 2

您可以使用click()方法對文件輸入模擬點擊事件。

$("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>