如何启动“选择文件”对话框时点击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>