https://github.com/daaarkling/jasnybootstrapfileinputauto

Fileinput with image view. Automatically change input file into Jasny Bootstrap Fileinput which is an extension to vanilla Bootsrap 3.
https://github.com/daaarkling/jasnybootstrapfileinputauto

Last synced: about 8 hours ago
JSON representation

Fileinput with image view. Automatically change input file into Jasny Bootstrap Fileinput which is an extension to vanilla Bootsrap 3.

• Host: GitHub
• URL: https://github.com/daaarkling/jasnybootstrapfileinputauto
• Owner: Daaarkling
• Created: 2015-10-03T16:35:45.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-22T15:26:22.000Z (about 9 years ago)
• Last Synced: 2024-11-05T15:04:28.627Z (about 2 months ago)
• Language: JavaScript
• Homepage:
• Size: 44.9 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# JASNY BOOTSTRAP FILE INPUT AUTO

Fileinput with or without image view. Automatically change input file into [Jasny Bootstrap Fileinput](http://www.jasny.net/bootstrap/javascript/#fileinput) which is an extension to vanilla [Bootsrap 3](http://getbootstrap.com/). See example index.html.

Dependencies js & css

----------

 * [jQuery](http://jquery.com/)

 * [Jasny Bootstrap Fileinput](http://www.jasny.net/bootstrap/customize/)

 * [Bootstrap 3](http://getbootstrap.com/customize/)

Usage via JS

----------

include all depandencies and init like this:

```js

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

```

Usage via DATA attr

----------

include all depandencies and init like this:

```html

```

Options JS

----------

```js

$('input[type=file]').fileinputAuto({

	btnSelect: "Select image",

	btnRemove: "Remove",

	btnChange: "Change",

	thumbnail: false,	// enable image preview, if false options below are omitted

	width: 300,

	height: 300,

	defaultImage: '',	// myimage.jpg, if is given options below are omitted

	fakeimg: false,		// fake image -> http://fakeimg.pl	

	message: 'No image'	// text shown in thumbnail

});

```

Options via DATA attr

----------

```html

```