Change default text in input type=”file”?
Use the for attribute of label for input. <div> <label for=”files” class=”btn”>Select Image</label> <input id=”files” style=”visibility:hidden;” type=”file”> </div> Below is the code to fetch name of the uploaded file $(“#files”).change(function() { filename = this.files[0].name; console.log(filename); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <div> <label for=”files” class=”btn”>Select Image</label> <input id=”files” style=”visibility:hidden;” type=”file”> </div>