An script for uploading files over AJAX
€30-250 EUR
Оплачується при отриманні
An javascript script (+ accompanied CSS script) supporting file uploads over AJAX and visualization of the input field, drag&drop action and progress.
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.
ID Проекту: #9139846
Про проект
14 фрілансерів(-и) готові виконати цю роботу у середньому за €207
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
hello sir, i can do your project.... please accept my bid so that i can start it... i m expert in this type of project... u can also see my portfolio... please sir accept my bid.. please hope u will do i m waiting f Більше
Hello, and thanks for the opportunity to bid on your project. https://www.freelancer.com/u/TenStar718.html I am an expert in many different area’s of web and mobile applications based on the following languages: P Більше
I can do it for you, I've experience 5 years with PHP and jquery upload file , can drop and drag upload file with ajax , wordpress , new + custom PLG , themes and more... Now, I believe I can do it good for you! Would Більше
Hello We are in team having different-2 Years of experience on the mention field such as PHP,BOOTSTRAP,HTML,PHOTOSHOP WORDPRESS,MAGENTO,API CREATION,THEME CUSTOMIZATION,THEME INSTALLATION,ERROR SOLVING SKILLS,AND M Більше
hello, i read your project and i easily can do this have a look to my reviews ready to start now thanks
Hi, I can definitely help you with your requirements. Please open a line of communication and discuss the project so that i can make it as per your vision and I am ready to start this project. waiting for your Більше