如何以正方形空间形式警告上传文件的文件名？

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

希望这会有所帮助。

欢呼声。