Чтобы добавить кнопку загрузки с помощью 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 используется во всех методах для обработки события нажатия кнопки «Загрузить» и запуска события щелчка элемента ввода скрытого файла.