Загрузка файла нажмите кнопку запуска триггеров кнопки моделирования

Question

Я создаю галерею, которая позволяет загрузчику загружать изображение/несколько изображений одновременно. По умолчанию один файл вводится с текстовым вводом для соответствующего описания изображения.

У меня также есть еще одна кнопка, которая имитирует ввод файла для эстетических целей. После нажатия этой кнопки браузер файлов запускается, но форма, в которую помещаются входные файлы, кажется, отправляется?

<button id="new-dialogue">add image</button> 
<form action="action.php" method="post" enctype="multipart/form-data"> 
    <div class="create-upload"> 
     <!-- SECTION REPEATED WITH DIFFERENT IDS AS #NEW-DIALOGUE CLICKED --> 
     <div class="upload"> 
      <input class="image-upload" type="file" id="input1" name="file[]"/> 
      <button class="btn-select" id="1">select file</button> 
      <input id="desc" type="text" name="desc[]"/> 
     </div> 
     <!-- SECTION --> 
    </div> 
</form> 

с JavaScript

$('document').ready(function() { 
var i = 1; 
$('#new-dialogue').click(function() { 
    i++ 
    if(i >= 6) { 

    } else { 
     $('.create-upload').append('<div class="upload"><input class="image-upload" type="file" id="input' + i + '" name="file[]"/><button class="btn-select" id="file' + i + '">select file</button><input id="desc" type="text" name="desc[]"/></div>'); 
     $('.image-upload').imgPreview(); 
    } 
}); 
$('.btn-select').click(function() { 
    var id = this.id; 
    $('input#input' + id).click(); 
}); 
}); 

Answer 1

Помещенный type='button' отключить кнопку от действия как submit типа.

<button class="btn-select" id="file1" type='button'>select file</button>