提问者:小点点

我想要在标签标签中的文件名


选择文件...而不是我希望在标签中写入上次上载的文件名

<div class="custom-file form-group">
    <input id="logo" type="file" class="custom-file-input form-control" name="bankfile" accept="application/pdf"
        required multiple />

    <label for="logo" class="custom-file-label">Choose file...</label>
</div>

共1个答案

匿名用户

您可以简单地通过下面给出的一些JavaScript代码来完成此操作:

null

var input = document.getElementById('logo');
var customLabel = document.getElementById('custom-file-label');

input.addEventListener('change', showFileName);

function showFileName(event) {

    var fileName = event.srcElement.files[0].name;
    console.log(fileName);
    customLabel.textContent = fileName;
}
<div class="custom-file form-group">
    <input id="logo" type="file" class="custom-file-input form-control" name="bankfile" accept="application/pdf"
        required multiple />

    <label for="logo" id="custom-file-label"></label>
</div>