使用jquery显示自定义样式输入文件的文件名

Question

我想显示输入文件的文件名

$("#imgInp").change(function() {
  $("#filename").text(this.files[0].name);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label class="file-label">
   <input class="file-input" type="file" name="image" id="imgInp">
   <span class="file-cta">
       <span class="file-icon"><i class="fas fa-upload"></i></span>
        <span class="file-label">image</span>
   </span>
   <span class="file-name" id="filename"></span>
</label>

但是它不起作用，给我一个错误

TypeError: $(...)[0] is undefined