Simple HTML File Input Enhancement Plugin - enhancedfileinput

File Size: 37.5KB
Views Total: 1180
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple HTML File Input Enhancement Plugin - enhancedfileinput

enhancedfileinput is a super simple jQuery plugin that allows you to customize the html file inputs as well as adding initial values to them.

How to use it:

1. Include jQuery library and jQuery enhancedfileinput plugin on the web page

<script src=''></script>
<script type="text/javascript" src="src/jquery-enhancedfileinput.js"></script>

2. Create the starndard html file inputs

<input type="file" class='file_input' id='example_input_1'>
<input type="file" class='file_input' id='example_input_2'>

3. Call the plugin with options

<script type="text/javascript">
  'initial_value' : 'initial_file.jpg',
  'condition'     : function(initial_value){return true;},
  'html'          : "<img src='img/select.png'>"

This awesome jQuery plugin is developed by mparramont. For more Advanced Usages, please check the demo page or visit the official website.