<!DOCTYPE HTML> <html> <head> <script src="jquery-1.4.2.min.js" type="text/javascript"></script> <link href="qunit/qunit/qunit.css" rel="stylesheet" type="text/css" media="screen" /> <script src="qunit/qunit/qunit.js" type="text/javascript"></script> <script src="../client/fileuploader.js" type="text/javascript" ></script> <script> jQuery(function(){ function getHandler(){ if(qq.UploadHandlerXhr.isSupported()){ return qq.UploadHandlerXhr; } else { return qq.UploadHandlerForm; } } asyncTest("upload", function() { expect(2); var data = {stringOne: 'rtdfghdfhfh',stringTwo: 'dfsgsdfgsdg',stringThree: 'dfsgfhdfhdg'}; var savedId; var uploadHandler = new (getHandler())({ action: 'action-handler-queue-test.php', maxConnections: 1, onComplete: function(id, fileName, response){ if (!response.success){ ok(false, 'server did not receive file') return; } delete response.success; delete response.qqfile; same(response, data, 'server received file and data'); } }); $('#testinput1, #testinput2').change(upload); function upload(){ setTimeout(start, 9000); var file = this; if (uploadHandler instanceof qq.UploadHandlerXhr){ file = this.files[0]; } var id = uploadHandler.add(file); uploadHandler.upload(id, data); } }); }); </script> </head> <body> <h1 id="qunit-header">File uploader tests</h1> <h2 id="qunit-banner"></h2> <h2 id="qunit-userAgent"></h2> <ol id="qunit-tests"></ol> <p> Please select a file for each input below, should be less than 4 sec, between selection. </p> <input id="testinput1" type="file"> <input id="testinput2" type="file"> </body> </html>