选择文件后自举文件输入不显示文件名

Question

我被困在一个小问题，我在我的HTML模板之一使用引导。这是该页面的链接（http://demo.graygrids.com/themes/classix/post-ads.html）。您可以打开页面并进入“分类图片”部分。本节貌似这个截图http://prntscr.com/cvu8nn

问题是，当我点击浏览按钮，选择我要上传的文件，我选择文件后不显示文件名。选择文件后，我想在文件夹中查看文件名。这个截图将帮助你理解http://prntscr.com/cvuabs

在此先感谢！请告诉我如何实现这一点。

Answer 1

您必须使用jQuery来显示文件名，因为文件名将在浏览按钮单击时绑定。看到下面的代码，并进行更改：

<div tabindex="-1" class="form-control file-caption"> 
    <div style="width: 239px;" class="file-caption-name" id="divFileName"></div> 
</div> 



<div class="btn btn-primary btn-file"> 
    <i class="glyphicon glyphicon-folder-open"></i> &nbsp;Browse … 
    <input id="input-upload-img1" class="file" data-preview-file-type="text" type="file" onchange="setfilename(this.value);> 
</div> 


<script> 
    function setfilename(val) 
    { 
    var fileName = val().split('\\').pop(); 
    $('#divFileName').html(fileName); 
    } 
</script>