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

Question

У меня есть форма на странице в SquareSpace, которая позволяет загружать файл изображения: -

https://www.colourourstory.com/uploads (при необходимости используйте фиктивные данные).

Мне нужно добавить имя файла загруженного изображения в скрытое поле с именем "SQF_FILENAME", которое уже существует.

Любые советы, как мне сделать это, пожалуйста, так как значение доступно только после успешной загрузки?

Спасибо

Джонатан

Answer 1

Я могу предложить использовать jQuery.

Например, вы можете привязать функцию к событию изменения input[type="file"] и получить ее значение. Затем все, что вам нужно сделать, это установить значение для скрытого поля.

Вот пример короткого кода:

$('.form-block').on('change', 'input[type="file"]', function() {
console.log($(this));

console.log($(this).val());

const fileName = $(this).val().split('C:\\fakepath\\').pop();

$('input[name="SQF_FILENAME"]').val(fileName);
});

Надеюсь, это поможет.

Приветствия.