PHP Upload, extract and progressbar

by

You can make some changes to fit but this works rather well if you want a progress bar. You can add more eventlisteners and make it how you want. I hope this is a good starting point for you. 

function uploadFile(){
    var file = document.getElementById("zip_file").files[0];
    var formdata = new FormData();
    formdata.append("zip_file", file);
    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", function(event) { runprogress(event); } , false);
    ajax.addEventListener("load", function(event) {uploadcomplete(event); }, false);
    //Target your php file. 
    ajax.open("POST", "upload.php");
    ajax.send(formdata);
}
function runprogress(event){
    //The progress %, you might want to Math.round(percent) 
    var percent = (event.loaded / event.total) * 100;
}
function uploadcomplete(event){
    //This will = to your php reply.
    var AjaxReply=event.target.responseText;
}

More Related Contents:

  1. Upload Progress Bar in PHP
  2. How can I select and upload multiple files with HTML and PHP, using HTTP POST?
  3. uploading a file in chunks using html5
  4. PHP Ajax Upload Progress Bar
  5. How to add a PHP to my html table? [closed]
  6. default image not showing [closed]
  7. How do you parse and process HTML/XML in PHP?
  8. Form inside of $.load not posting correctly
  9. How to gracefully handle files that exceed PHP’s `post_max_size`?
  10. Send value of submit button when form gets posted
  11. How can I replace newline or \r\n with ?
  12. Submit an HTML form with empty checkboxes
  13. How to strip a tag and all of its inner html using the tag’s id?
  14. php link to image file outside default web directory
  15. Save current page as HTML to server
  16. How to get the browser to cache images, with PHP?
  17. Converting into a new line for use in a text area
  18. Need a good regex to convert URLs to links but leave existing links alone
  19. What are .tpl files? PHP, web design
  20. Convert .doc to html in php [closed]
  21. File not uploading PHP
  22. getting all values from h1 tags using php
  23. Get variable from PHP file using JQuery/AJAX
  24. How to save webpage as a image file using PHP?
  25. Two simultaneous AJAX requests won’t run in parallel
  26. Creating dynamic tables in HTML using MySQL and PHP
  27. How to place two forms on the same page?
  28. Can anyone give me an example for PHP’s CURLFile class?
  29. Is it possible to capture search term from Google search?
  30. Using PHP to upload file and add the path to MySQL database

Leave a Comment