$.custominputfile

A small jQuery module to easily stylize an input file

Install

You may install the $.custominputfile plugin via bower or npm.

bower install custominputfile
npm install custominputfile

Quick use

Include the latest release of jQuery before your $.custominputfile script file. Include $.custominputfile JS and CSS dependencies in your applications.

Your code should the be similar to this:

<link rel="stylesheet" href="dist/css/custominputfile.min.css" media="screen" />

<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="dist/js/custominputfile.min.js"></script>

Creating a $.custominputfile

To create a basic $.custominputfile, use the code below:

$('input[type=file]').custominputfile();

Options & Defaults

Available options listed below.

• theme: $.custominputfile theme (default: 'cyan')
• value: Default input value (default: '')
• icon : Button icon (onfly icon fonts can be used) (default: '')
• text : Button text (default: 'Browse')

Available themes

License

The $.custominputfile plugin is released under the MIT license.

https://github.com/ValentinGot/custominputfile/blob/master/LICENSE