Newer
Older
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Upload</title>
</head>
<body>
<label>File
<input name="fileupload" id="fileupload" type="file"></label>
</form>
<button id="submit">Submit</button>
<div id="progress"></div>
<pre id="display"></pre>
<script src="../js/jquery.min.js"></script>
<script src="../js/qfq.debug.js"></script>
var fileUpload = new QfqNS.FileUpload('#myForm', 'api/uploadhandler.php', 'the_sip');
fileUpload.addFileUploadStartHandler(function () {
$('#progress').empty().append('<p>Upload started</p>');
});
fileUpload.addFileUploadEndHandler(function () {
$('#progress').append('<p>Upload finished</p>');
});
fileUpload.addFileUploadSuccessHandler(function (data) {
$('#progress').append('<p>Upload success</p>');
$('#display').empty().append(data);
fileUpload.addFileUploadErrorHandler(function () {
$('#progress').append('<p>Upload made a booboo</p>');
});
$('#submit').click(function () {
$.post('upload.html', $('#myForm').serialize());
});