🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

custominputfile is a dead simple jQuery plugin for beautifying the default file input fields with 19 built-in themes and custom icons.

file-input

Documentation

$.custominputfile

Bower version npm version

A small jQuery module to easily stylize an input file

$.custominputfile demonstration

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

$.custominputfile themes

License

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

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


You May Also Like