Using libraries jQuery-2.1.4, bootstrap-3.3.4 and FontAwesome.
For any texts and messages - script is in single constant language, and that will be english for developing purposes.
Server side script is not subject to this project. For testing purposes you can have just some constant pre-defined response.
Description of functionality:
Using inicializing method (function inicialize_fileinput_box()) one file uploading box will be created. Method may be called more times to create more boxes on single page.
The box looks simple and in default bootstrap style, it suggest to either select file(s) by browse-and-select method ("browse local computer" button present) or by drag&drop.
If user enters window with a file(s), the page will grey out with "not-allowed" mouse cursor, except for areas of the boxes, that will 'glow', indicating where a file can be dropped. I don't know what trickery you should use for they grey-that-but-glow-this effect. I would suggest some dynamic play with absolute positioning and z-align of said boxes, I don't know. Also, note that the page may be long enough to be scrollable, which should not break said functionality.
When a file(s) is selected, an AJAX upload will begin and a new field inside the box will appear, informing about the upload in work and its progress and X button for cancelling(/forgetting, if cancel of ajax is not possible). Each upload should be processed as single AJAX request, running in parallel, with a limit of maximal parallel uploads defined in global variable (more files will have to wait in queue)
When a file is uploaded, info-about-upload block will change into a block informing about file being fully uploaded and ready, what file it is and X button for cancel.
The whole time the box also contains <input type=hidden> element that holds value of zero for file-not-selected , minus-one for file upload in progress, or positive number for successfully uploaded file (returned by uploading server script). It may contain multiple of them if multiple files are allowed, but always at least one to hold 0 or -1 value.
Full description attached in txt file.
15 freelancers están ofertando el promedio de €208 para este trabajo
Hi I work towards providing reliable, relevant and robust IT solutions at most competitive prices to my customers. I ensure 100% customer satisfaction so lets start Thanks