jQuery plugin inputFileThumb - Demos

Note: don't worry, the files you submit are not uploaded to our server. Use any file you want for this demo.

 

Example 1: the default inputFileThumb

Javascript


$(':file[name=simple]').inputFileThumb({    
    'title'                 : 'The file title',
    'description'           : 'Here more info about the file',
});

Example

Example 2: A PNG is required

Javascript


$(':file[name=pngonly]').inputFileThumb({    
	'title'                 : 'PNG image',
	'description'           : 'Please select a PNG file',
	'extensions'            : ['png'], 
});

Example

Example 3: An image has been uploaded

Javascript


$(':file[name=existingimg]').inputFileThumb({    
	'file'                  : 'http://www.novius-labs.com/data/classes/blog/blog_6_vignette.png', 
	'title'                 : 'Picture', 
	'description'           : 'Pick a nice shot!',
	'extensions'            : ['png','jpg','jpeg','gif'], 
	'deleteInput'           : 'delete_hidden', 
});

Example