如何触发Bootstrap fileinput change事件？

Question

我在我的项目中使用this js管理的fileinput控件。我想验证fileinput是否有文件。为此，我试图触发fileinput控件的更改事件。但是没有触发改变事件。这是我fiddle。下面是我的更改事件，用于捕获对Fileinput进行的更改。

$(document).ready(function() {
      $(document).on('change', '#testImageInput', function () {
          alert($(this).val());
      });
   });

感谢您的建议和解答。

Answer 1

这取决于jQuery版本，试试这个：

<script type="text/javascript">
  $(function() {
     $("#testImageInput").change(function (){
        alert($(this).val());
     });
  });
</script>

Answer 2

最好直接定位元素而不是整个文档。

更新了小提琴 -

https://jsfiddle.net/b7059pk1/1/

$(document).ready(function() {
     $("#testImageInput").on('change', function () {
                alert($(this).val());
     });
});

P.S：我在更新的小提琴中使用了jquery 3.2.1

Answer 3

这里是更新的小提琴链接检查

https://jsfiddle.net/b7059pk1/2/

$('#testImageInput').change(function () {
                alert($(this).val())
            });