javascript - 是否可以使用 Angular.js 更改文件类型输入的默认占位符值

Question

我面临一个问题。是否可以更改文件类型输入默认文本即-未选择文件并设置自定义占位符值。实际上我需要在文件类型输入中设置自定义占位符值。我在下面解释我的代码。

<div class="row">
    <div class="col-md-12">
        <div style="margin-bottom: 25px" class="input-group">
            <span class="input-group-addon"><i class="fa fa-upload"></i></span>
            <input type="file" class="filestyle form-control" data-size="lg" name="upload" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect($file);">
        </div>
    </div>
</div>

在这里，我需要将默认文本未选择文件更改为添加驾驶执照。

Answer 1

您无法更改按钮上的默认标签未选择文件，它们在浏览器中是硬编码的

使用标签，您可以分配自定义文本、隐藏输入元素并为文件输入元素添加标签，

<input type="file" id="file" class="filestyle form-control hidden" data-size="lg" name="upload" id="bannerimage"  ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect($file);" >
<label for="file">{{fileInputPlaceHolder}}</label>