Тип ввода = "файл" открывается дважды

Question

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

<input type="file" name="file" id="File" style="display: none;"/> 
<button type="button" class="btn btn-warning" id="UploadFileBtn">Select File</button>

JS

var uploadFile = document.getElementById('UploadFileBtn');
if (uploadFile) {
    uploadFile.addEventListener('click', FileUploadDialog, false);
}

function FileUploadDialog()
{
   document.getElementById('File').click();
}

Я тоже пробовал это ...

function FileUploadDialog()
{
   $("#File").unbind("click");
   document.getElementById('File').click(function(event) {
           event.stopPropagation();
       });
}

Мне нужна ваша помощь, чтобы решить эту проблему. Я очень ценю ваши ответы. Спасибо!