"onchange" 当我在表单中加载文件时从未调用函数

Question

我正在我的 Symfony 项目中使用 bootstrap CSS 构建一个表单。

问题是当我设置 "File Input" 字段并实际加载文件时，文件名没有出现在此输入中。

所以我尝试使用此代码：

$('.custom-file-input').on('change', function(event) {
                    var inputFile = event.currentTarget;
                    $(inputFile).parent()
                        .find('.custom-file-label')
                        .html(inputFile.files[0].name);
                });

但是从未调用“on change”事件（我试图发出警报）。但它似乎有效 here。我不明白问题出在哪里...

Answer 1

我找到了解决方案！只需添加：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

最后，解决方案不是添加

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

但只是将 javascript 包含在块中而不是 !

的末尾

"onchange" 当我在表单中加载文件时从未调用函数

"onchange" function never called when I load file in form

javascript

twitter-bootstrap

symfony4