Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <input type="hidden" name="imgname" id="imgname" value="" />
- <script type="text/javascript">
- $(document).ready(function() {
- //elements
- var progressbox = $('#progressbox');
- var progressbar = $('#progressbar');
- var statustxt = $('#statustxt');
- var submitbutton = $("#SubmitButton");
- var myform = $("#UploadForm");
- var output = $("#output");
- var lotterydiv = $("#lottovidpreview");
- var completed = '0%';
- $(myform).ajaxForm({
- beforeSend: function() { //brfore sending form
- lotterydiv.remove();
- submitbutton.attr('disabled', ''); // disable upload button
- statustxt.empty();
- progressbox.slideDown(); //show progressbar
- progressbar.width(completed); //initial value 0% of progressbar
- statustxt.html(completed); //set status text
- statustxt.css('color','#000'); //initial color of status text
- },
- uploadProgress: function(event, position, total, percentComplete) { //on progress
- progressbar.width(percentComplete + '%') //update progressbar percent complete
- statustxt.html(percentComplete + '%'); //update status text
- if(percentComplete>50) {
- statustxt.css('color','#fff'); //change status text to white after 50%
- }
- },
- complete: function(response) { // on complete
- output.html(response.responseText); //update element with received data
- myform.resetForm(); // reset form
- submitbutton.removeAttr('disabled'); //enable submit button
- progressbox.slideUp(); // hide progressbar
- }
- });
- });
- </script>
- $("#imagename").val($("#filepc").val());
Add Comment
Please, Sign In to add comment