JQuery plugin to change input file element's text
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

jquery.inputFileText

JQuery plugin to change input file element's text. It's also light - 3KB un-minified.

Getting Started

  1. Download this plugin from src/jquery-input-file-text.js.

  2. Add this script after JQuery.

     <script src='jquery-input-file-text.js'></script>
    
  3. Create an input file element.

     <input type="file" id="choose-file" />
    
  4. Apply this plugin on the input file element.

     $(document).ready(function() {
         $('#choose-file').inputFileText( { text: 'Select File' } );
     });
    

    Result

    Image of result

  5. To remove this plugin:

     $('#choose-file').inputFileText( { remove: true } );
    

Options

The following options can be specified when applying this plugin to the input file element:

$('#choose-file').inputFileText({
  text: 'Select File', // The button will display this text
  buttonCLass: 'buttonClassName', // The button's class
  textClass: 'textClassName' // The text's class
});