Html 引导文件选择字段在选择文件后不更新

我正在Django模板中使用Bootstrap v4.5.0（不确定是否相关）。具体地说，我使用Bootsrap表单组件（按照）来显示我的表单元素

虽然我可以使用表单选择一个文件，并将其很好地上传，但表单从不更新以显示已选择文件。这是一个问题，因为我让用户认为我的web应用程序没有理由不接受他们的文件

我包含了所有需要的JavaScript，并且我已经在不同的浏览器中进行了测试，所以我不确定问题出在哪里。我不希望在这个阶段使用不同版本的Bootstap，也不认为这是版本的问题

我附上了一个片段来说明这个问题：

上传文件

您需要使用javascript显示所选文件的名称

$（'#inputFile'）。在（'change'，function（）上{
//获取文件名
var fileName=$（this）[0]。文件[0]。名称；
//替换“选择文件”标签
$（this）.next（'.file name'）.html（文件名）；
})

单击我选择文件

谢谢你，我现在正努力让这项工作在我这边顺利进行。我在你链接的文档中没有看到任何有用的东西（我一定是在眼前错过了它），但我还是以你的例子为例。我编辑了上面的代码，以显示文件名而不是文件路径。希望这有帮助。