Simple HTML File Input Enhancement Plugin - enhancedfileinput

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

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='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></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">
$('.file_input').enhanceFileInput({
  'initial_value' : 'initial_file.jpg',
  'condition'     : function(initial_value){return true;},
  'html'          : "<img src='img/select.png'>"
});
</script>

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