如何以方形空间形式提醒上传文件的文件名？

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

希望这会有所帮助。

干杯。