在我的表单中,我有一个文件上传按钮。我想显示已选择的文件名。然而,我似乎无法抓住文件的名称并将其显示在我的文本框中:codepen here
<div class="input-group">
<label class="input-group-btn">
<span class="btn btn-primary">
Browse… <input id="my-file-selector" type="file" style="display:none;" onchange="$('#upload-file-info').html($(this).val());">
</span>
</label>
<input type="text" class="form-control" id="upload-file-info" readonly>
</div>
字符串
任何帮助将不胜感激
4条答案
按热度按时间nr7wwzry1#
您还需要设置输入的瓦尔...更改它:
从.html()到.瓦尔()
字符串
Updated CodePen
kuarbcqp2#
您可以检查e.target.files [0].name的值
字符串
检查此jsfiddle
oyt4ldly3#
如果您有多个文件上传输入,您可以使用此更新文件名的实际输入
个字符
ymdaylpp4#
对于多个:
字符串