Options


theme
Type: String, Default: "default"

- Choose theme blue, green, yellow, red, black, purple and asphalt.


Via JavaScript 
$(":file").jfilestyle({theme: "blue"});
Via Data attributes 
<input type="file" class="jfilestyle" data-theme="blue">

Example:






dragdrop
Type: Boolean, Default: true

- Enables or disables drag and drop selected files.



Via JavaScript 
$(":file").jfilestyle({dragdrop: false});
Via Data attributes 
<input type="file" class="jfilestyle" data-dragdrop="false">

Example:

input
Type: Boolean, Default: true

- Enables or disables the input text.


Via JavaScript 
$(":file").jfilestyle({input: false});
Via Data attributes 
<input type="file" class="jfilestyle" data-input="false">

Example:

text
Type: String, Default: "Choose file"

- Changes the button text.


Via JavaScript 
$(":file").jfilestyle({text: "Find file"});
Via Data attributes 
<input type="file" class="jfilestyle" data-text="Find file">

Example:

disabled
Type: Boolean, Default: false

- Disabled button.


Via JavaScript 
$(":file").jfilestyle({disabled: true});
Via Data attributes 
<input type="file" class="jfilestyle" data-disabled="true">

Example:


buttonBefore
Type: Boolean, Default: false

- Button before.


Via JavaScript 
$(":file").jfilestyle({buttonBefore: true});
Via Data attributes 
<input type="file" class="jfilestyle" data-buttonBefore="true">

Example:

inputSize
Type: String, Default: "200px"

- Change width of the input. Use units of measurement css.


Via JavaScript 
$(":file").jfilestyle({inputSize: "400px"});
Via Data attributes 
<input type="file" class="jfilestyle" data-inputSize="400px">

Example:

placeholder
Type: String, Default: ""

- Set input placeholder.


Via JavaScript 
$(":file").jfilestyle({placeholder: "My place holder"});
Via Data attributes 
<input type="file" class="jfilestyle" data-placeholder="My place holder">

Example: