Introduction to the FineUploader file Upload component application

The FineUploader is used for browser adaptation. fineUploader implements file upload in ajax mode. if you need to upload files, you can refer to the need to upload files when processing background data recently. fine Uploader is used for browser adaptation. fine Uploader uses ajax to upload files. at the same time, you can drag and drop files in the browser. [the requirements for browser versions are similar to IE versions which must be 9 or later.] provide unified user experience in different browsers. this component basically covers all mainstream browsers. no third-party component dependency. pretty Clear. the server already supports ASP. NET/ColdFusion/Java/Node. js/Perl/PHP/Python. the upload details are similar to restrictions on the file size, file type, and number of files to be uploaded.

See Fine Uploader on Github according to the official statement. fine Uploader is formerly called Ajax Upload. the new version of Fine Uploader mainly adds some new features. from the Realse Note released in version 1.0. the biggest difference between the two is. fine Uploder is not based on Jquery components. some details are handled more uniformly and Strictly. similar return values are all in Json format. the operation Code for background server operations and front-end Dom objects is all concentrated in the Js Script file. this integration makes the Fine Uploader component easy to use. you only need to add a CSS + JavaScript file to upload the file. this greatly simplifies the difficulty of referencing and operating components.

Fine Uploader has the following features::
Fine Uploader Features:
A: displays the file upload progress.
B: How to upload files by dragging the browser
C: The Ajax page is refreshing.
D: upload multiple files.
F: Cross-browser.
E: Cross-background server language.
Download and package the source code from Fine Uploader on Git Hub. open the source code in Php Designer 8 and you can see that the source code structure is as follows:

In the root directory, you can see that the file is required for Client calls. the Server directory is implemented in versions such as Perl, Php, and Asp.net [VB] in different languages. the test directory contains a complete local Sample Demo. for reference.
How to quickly build a simple Demo? In fact, the official Basic-Demo-Page has provided a simple demonstration, which is built based on the Bootstrap method.
First, create an HTML blank page. name fineuploderdemo.html. add the following CSS reference:
The code is as follows:



When these two files are used, the. fineuploader.css file is the CSS style required for downloading the Fine definition file. It mainly includes the style of the button, the style of the progress display, and the style of the upload result. add a reference to the JavaScript file as follows:
The code is as follows: