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

Question

I am facing one issue. Is this possible to change the file type input default text ie-No file choosen and set the custom placeholder value. Actually i need to set the custom placeholder value inside the file type input. I am explaining my code below.

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

Here I need to change that default text No file choosen to Add driving Licence .

Answer 1

You cannot change the default labels No file choosen on buttons, they are hard-coded in browsers

Using label you can assign custom text, hide the input element and add label for file input element,

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