twitter-bootstrap-3 - 隐藏文本框中的引导文件输入名称

Question

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

<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

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

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

演示