如何在squarespace表单中提醒上传文件的文件名

Question

我在SquareSpace的一个页面上有一个表单，可以上传图像文件：-

https://www.colourourstory.com/uploads(如果需要，请尝试使用伪数据(。

我需要将上传图像的文件名添加到一个名为"SQF_filename"的隐藏字段中，该字段已经存在。

请告诉我如何做到这一点，因为该值只有在成功上传后才可用？

感谢

Jonathan

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);
});

希望这能有所帮助。

干杯。