jQuery使用fileinput文件名填充文本输入字段

Question

我需要使用所选文件名的名称（在fileinput中）填充简单文本输入字段。

因此，如果我选择上传文件Picture.jpg，我必须使用Picture.jpg文本填充输入字段。

我的文件输入字段

<div class="fileinput fileinput-new" data-provides="fileinput">
  <span class="btn btn-primary btn-file m-r-10">
  <span class="fileinput-new"><?= __('Select file') ?></span>
  <span class="fileinput-exists"><?= __('Change file') ?></span>
  <input type="file" name="user_file" id="selected-file" onchange="getval(this);">
  </span>
  <span class="fileinput-filename"><?= __('No file') ?></span>
<div>

我想在文本输入中保存值

<?= $this->Form->input('name', ['id'=> 'name', class' => 'form-control']); ?>

解决方案

<script>
function getval(sel) {
    $('#name').val(sel.value);
}
</script>

我无法读取所选文件的值$（'＃selected-file'）。val（） - 结果为空。

那我怎么才能读取文件名？

THX