jQuery Filer : jQuery Html5 File Uploader 多文件上传

jQuery.filer – Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input and make it with multiple file selection, drag&drop support, different validations, thumbnails, icons, instant upload, print-screen upload and many other features and options.

 

 

jQuery.filer 1.0.2

jQuery.filer - Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input and make it with multiple file selection, drag&drop support, different validations, thumbnails, icons, instant upload, print-screen upload and many other features and options.

Demo | Documentation | Support

 

Features

• Completely change File Input
• Upload files after choosing
• Add more files to input without uploading them
• Validate files(limit, size, extension)
• Create thumbs
• Custom icons for each type of file
• Custom templates & themes for: input, thumbs, icons
• Remove Choosed/Uploaded files
• Append existing files to input for a preview
• Image paste from clipboard
• Custom captions
• Custom callbacks
• Templates inline variables, ex: { {fi-limit}}
• All icons in a one beautiful font
• Drag & Drop Option
• Trigger options

用法：

 

Styles:

Include the jquery.filer css file in your html page.

<link href="./css/jquery.filer.css" type="text/css" rel="stylesheet" />
<link href="./css/themes/jquery.filer-dragdropbox-theme.css" type="text/css" rel="stylesheet" />

 

 

Scripts:

Include the jQuery library and jquery.filer script file in your html page.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="./js/jquery.filer.min.js"></script>

 

 

HTML:

Create an input file element.

<form action="./php/upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="files[]" id="input_file" multiple="multiple">
    <input type="submit">
</form>

 

 

Javascript:

The plugin is named "filer" and can be