HTML5文件上传组件美化jQuery插件 Simple HTML5 File Uploader, a plugin tool for jQuery which change completely File Input

Demos:


Example 1:

In this example we limit our users with maximal 3 number of files, all files together must have maximal 3MB's and the file's extensions should be matched in the array(ex: ['jpg', 'png', 'gif']). We are also changig the file input to jQuery.filer default design. We also need to show the file preview in our browser before uploading the file.

Result:




Example 2:

In this example we designed our own file input and used our own theme - 'dragdropbox'. We also added the file preview in our browser before uploading the file.

Result:




Example 3:

If you want to have an input like in Example 1 and also to allow your users to upload files from different folders just set addMore option to true

addMore: true
Result:

Example 4:

In this example we activated Drag&Drop feature for the default jQuery.filer input. Note that this feature is working only with Instantly Upload feature!

Result:

Example 5:

In this example we activated Instantly Upload feature. After choosing a file, it should automatically upload it!

Result:

Example 6:

In this example we activated addMore option and added 2 files(this files were already uploaded). Now you can edit the 2 uploaded files or add some more.

Result: