隐藏文本框中的bootstrap fileinput名称

Question

我正在使用jasny-bootstrap文件输入：

<div class="fileinput fileinput-new" data-provides="fileinput">
  <span class="btn btn-default btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span><input type="file" name="name"></span>
  <span class="fileinput-filename"></span>
  <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
<input type="hidden" name="namehidden"/>
</div>

使用时选择文件，如何使用文件名更新隐藏文件？

Answer 1

您可以使用change事件更新隐藏的输入。

$('.fileinput').on('change.bs.fileinput', function (e) {
    var filename = $('.fileinput-filename').text();
    $('input[type="hidden"]').val(filename);
    alert($('input[type="hidden"]').val());
});

Demo