Я бы хотел загрузить пользовательские входные файлы из CF7 в WP.
Существует множество способов настроить кнопку, но мне нужно отобразить имя файла после его загрузки.
Я нашел один способ сделать это с помощью этого кода:
<input type="file" class="custom-file-input">
<label class="custom-file-label" for="custom-file-input">Your file</label>
И этот сценарий:
<script>
$(".custom-file-input").on("change", function() {
var fileName = $(this).val().split("\\").pop();
$(this).siblings(".custom-file-label").addClass("selected").html(fileName);
});
</script>
Это работает, но с CF7 мы используем шорткод для создания входных данных.
И это дает что-то вроде:
<span class="wpcf7-form-control-wrap">
<input type="file" name="your-file" size="40" class="wpcf7-form-control wpcf7-file custom-file-input" id="your-file" accept=".jpg,.jpeg,.png,.gif,.pdf,.doc,.docx" aria-invalid="false">
</span>
<label class="custom-file-label" for="your-file">Your file</label></div>
И это больше не работает.JS, кажется, в порядке с кодом CF7.
Может быть, он не работает из-за способа генерации кода CF7?
Я не знаю .. У вас есть идея?Заранее благодарю за помощь:)