File upload page (PHP/jQuery/Ajax)

In Progress

*********** Very important: Please do not bid if you don't think you can complete this project. If the page isn't done 100% perfectly you will NOT be paid for any of the work done regardless of how long you've spent on it. The page MUST feet our needs ***********

You can use any script you want if you have one but my preference is coding from scratch so you and I have much more flexibility in what can and cannot be done.

Please read all this VERY carefully before bidding. If anything below cannot be done, mention it in the bid. Project success will be measured on all these criteria and on usability / stability. Think like a user!

1. The page must allow uploads of multiple files (select multiple files in the file selection dialog).

2. Check file type before upload begins (only allow MP3, MP4, M4A, WMV, AVI, MOV, MPEG file types for now)

3. The page must be responsive (CSS, based on % as much as possible rather than fixed pixel values) with clean CSS (no HTML tables).

4. Must offer support for all major desktop browsers (Chrome, IE, Firefox, Safari, Opera) with graceful fallback so newer browsers have the latest functionality but older browsers do still work too. Check with me before removing anything except drag-and-drop and progress bar from fallback version.

5. If a user goes to another page, they must be able to return to this page and see files they've uploaded. Write uploaded files to a database for this. Previously uploaded files and newly uploaded files must go in the same display box.

6. Keep javascript alert popups to a minimum. If the user uploads multiple files that are unsupported, for example, only one popup showing filenames that were unsupported.

7. No page refreshes! Everything must function well within the same page without a reload that's visible to the user. Use the ".html" method to replace the html in the div box if you'd like, but the user must not see the page reloading entirely.

8. Each "row" in the box must show the file name, file size (in MB), file duration (in minutes), upload progress (bar and %, a check mark after upload completes instead of the %), an "options" section with 3 check boxes, cost of options / extras, and total cost (base + extras).

9. At the end of the upload box, display the total price of all extras selected above and then below it display the total cost (base + extras)

10. At the bottom of the upload box there must be 3 check boxes to select / unselect each of the 3 check boxes in each row. The first box should select / unselect all Option1 check boxes, etc. The check box must reflect the state of the check boxes above (Toggle between "Select All option1" and "Unselect All option1" properly). We must be able to clearly identify which files have which options selected.

11. No bugs! Please do very thorough bug testing and we will too.

12. Files uploaded must be renamed to [url removed, login to view] and the sessionID must be saved in the database.

13. The price of the options on each row depends on the length of the file (duration in minutes). Calculation of cost must be correct this way and easily customizable. For instance, option 1 will cost (file duration) * [url removed, login to view], option 2 will cost (file duration) * [url removed, login to view], and option 3 will cost (file duration) * 0.25. This must be done using clear variables that I can set.

14. Please use meaningful variable names and add comments so I can quickly understand the code in case I need to modify it in the future.

Please, please use as much server-side scripting as possible. I really don't want to rely on things being done on the client site (too buggy, too unreliable, too easy to exploit). Do the least amount possible using jQuery / Ajax and the most amount possible using PHP / MySQL.

Please do proper file checking. with file uploads come potential hacks and I need to make sure we're as safe as possible.

If you have any questions please ask. I'll be glad to discuss this project in even more detail.

Skills: AJAX, CSS, HTML5, jQuery / Prototype, PHP

See more: what is server side scripting, what is selection criteria, what is client side scripting, what browsers support html 5, use case extension, types of ajax, php server side scripting, php 2 version need only one, measured progress, latest version of jquery, latest jquery, jquery version, jquery latest version, javascript popup dialog, example of client side scripting, client side and server side scripting, bug types, write chrome extension, write a chrome extension, reload page jquery, jquery reload page, jquery end, client side scripting, safari extension, pixel and type

About the Employer:
( 40 reviews ) Lawrenceville, United States

Project ID: #5249244

Awarded to:

dustafo

I can get this done for you in just a couple days time.

$175 USD in 2 days
(102 Reviews)
5.8

22 freelancers are bidding on average $194 for this job

michale21

A proposal has not yet been provided

$206 USD in 4 days
(129 Reviews)
6.8
waelfree

Hi, I did one like that before ...................................................................................

$210 USD in 2 days
(72 Reviews)
6.5
coolrankit

--3YEARS EXPERIENCED PHP, MySQL, WORDPRESS, HTML5, CSS, WEB & MOBILE APP DEVELOPING EXPERT-- Hi, I just gone through your requirements, I can achieve these with perfection. I am confident about my quality work & More

$200 USD in 5 days
(30 Reviews)
5.5
zztechnologies

HI, I am experienced PHP CORE Developer 8+ year experienced already manage 1000+ clients for slicingpsdtohtml.com, i have read your project details so i will be manage your project, i believed long term relationship wi More

$222 USD in 3 days
(31 Reviews)
5.0
drudev

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - digitalray.com - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Zend, CakePHP, Symphony frameworks More

$155 USD in 3 days
(28 Reviews)
4.8
jasonbourne501

Hello Sir, I have read all 14 points regarding file uploading. I have developed something like that before using uploadify. I can also develop it for you. Let's start. Many thanks

$277 USD in 7 days
(12 Reviews)
4.7
siveeran

Hi, I am interested to work on this project, will finish it in an efficient way with using my experience with PHP, MySQL, HTML, CSS, jQuery (minimal client side script). I am clear with your requirements expect the More

$200 USD in 3 days
(5 Reviews)
4.5
shootdweb

Hello I have reviewed your project description. I can do all of the tasks which you have mentioned. Actually there is a character limit in this bid box so i cannot type a long message here. I would like to discuss/ More

$200 USD in 8 days
(22 Reviews)
4.3
WEDOMS

Hi Sir WEDOMS is an Online Business Promoting company doing extensive work in the field of Website Designing,Logo Designing, Brochures, Posters, Website Development,Testing and Search Engine Optimization. We have won m More

$144 USD in 3 days
(13 Reviews)
4.1
susanzacharia

hello i have go through your detailed description am very much interested to work on this lets have detailed discussion on this team of experts here with my team we will give you a quality stuff without any bugs

$526 USD in 10 days
(3 Reviews)
4.0
wangjeong126

Hello. Very excellent web designer/developer here. I have enough experiences about website development domain over 7 years. my skills are php/html5/css/wordpress/jquery/javascript/mysql etc Please check my works histor More

$206 USD in 1 day
(6 Reviews)
3.9
Altera

Hi, I'm experienced web dev with good reputation. I propose to develop your project on top of - Yii framework ( http://yiiframework.com ) - jQuery Uploader ( http://blueimp.github.io/jQuery-File-Uplo More

$200 USD in 3 days
(4 Reviews)
3.6
noone2407

A proposal has not yet been provided

$155 USD in 3 days
(9 Reviews)
3.1
esadeghi59

I have over 5 years experience in PHP & ready to start working. My services are fast & reliable and you can trust me to do your project.

$140 USD in 3 days
(10 Reviews)
3.0
scarletinfotech

Hello, We are expert Ajax, Jquery , UI designer with excellent user interface and user experience skills; I have a strong graphic design skills .We design UI with great usability. User experience on GUI is very easy an More

$175 USD in 6 days
(4 Reviews)
3.1
photonzephyr

Hello. First a few things. When you say check with you before removing anything except drag and drop and progress bars, you did not mention anything about drag and drop in the first place. Second, how old of browser More

$250 USD in 10 days
(4 Reviews)
2.9
softwarewizard

Dear sir, I have thoroughly gone through your project and I have clearly understood what your need is. Our company (Divinotech) has a great experienced website designing and developing team who has great skills in P More

$210 USD in 5 days
(6 Reviews)
2.7
sunilob2013

am a designer+developer.. my website is derniertec.com.. i can really help you.. my previous project was holiday-yachts.com ..its a world yacht charting portal.. am good and comfortable with your project. i can do More

$100 USD in 1 day
(3 Reviews)
2.4
sanketlike

hi I have ready demo for this project. features: 1. multiple-file upload (custom limit ) 2. size and file format restriction. (validation perform before uploading) 3. progress bar displayed for each file when yo More

$180 USD in 3 days
(2 Reviews)
1.6
deckerix

La propuesta todavía no ha sido proveída

$214 USD in 5 days
(0 Reviews)
0.0