Методы добавления кнопки загрузки с помощью jQuery

Чтобы добавить кнопку загрузки с помощью jQuery, вы можете использовать следующие методы:

Метод 1. Использование HTML и jQuery:
HTML:

<input type="file" id="uploadBtn">
<button id="btnUpload">Upload</button>

jQuery:

$(document).ready(function() {
  $('#btnUpload').click(function() {
    $('#uploadBtn').click();
  });
});

Метод 2. Использование только jQuery:
HTML:

<input type="file" id="uploadBtn" >
<button id="btnUpload">Upload</button>

jQuery:

$(document).ready(function() {
  $('#btnUpload').click(function() {
    $('#uploadBtn').trigger('click');
  });
});

Метод 3. Оформление кнопки загрузки:
HTML:

<label for="uploadBtn" class="custom-file-upload">
  <input type="file" id="uploadBtn">
  Upload
</label>

CSS:

.custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  border-radius: 4px;
}

jQuery используется во всех методах для обработки события нажатия кнопки «Загрузить» и запуска события щелчка элемента ввода скрытого файла.