Change Default "choose File" Name To "upload File" With Same Functionality In Angularjs?

I used the below code and functionality is working fine but when I choose the file for first time then the upload file button gets shrink. When I inspect my code I saw Inspecte

Solution 1:

There is no way out there to change default behavior of input[type=file]. There is a plugin that can help you out to achieve that

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><scriptsrc="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/bootstrap/js/bootstrap.min.js"></script><scriptsrc="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js"></script><linkhref="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css"rel="stylesheet"/><linkhref="http://keenthemes.com/preview/metronic/theme/assets/global/plugins/bootstrap/css/bootstrap.min.css"rel="stylesheet"/><divclass="fileinput fileinput-new"data-provides="fileinput"><spanclass="btn btn-default btn-file"><spanclass="fileinput-new">Upload File</span><spanclass="fileinput-exists">Change File</span><inputclass="form-control"type="file"file-model="resume"ng-disabled="profileFilled==false;" /></span><spanclass="fileinput-filename"></span><ahref="#"class="close fileinput-exists"data-dismiss="fileinput"style="float: none">&times;</a></div>