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

Question

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

<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>

这里我需要将默认文本No file choosen 更改为Add driving Licence。

Answer 1

您不能更改按钮上的默认标签No file choosen，它们在浏览器中是硬编码的

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

<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>