uploader.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <script src='js/jquery.min.js'></script>
  2. <form method='POST' action='#' enctype='multipart/form-data' id='upload_form'>
  3. <input type='file' name='update'>
  4. <input type='submit' value='Update'>
  5. </form>
  6. <div id='prg'>upload progress: 0%</div>
  7. <script>
  8. $('form').submit(function(e) {
  9. e.preventDefault();
  10. var form = $('#upload_form')[0];
  11. var data = new FormData(form);
  12. $.ajax({
  13. url: '/update',
  14. type: 'POST',
  15. data: data,
  16. contentType: false,
  17. processData:false,
  18. xhr: function() {
  19. var xhr = new window.XMLHttpRequest();
  20. xhr.upload.addEventListener('progress', function(evt) {
  21. if (evt.lengthComputable) {
  22. var per = evt.loaded / evt.total;
  23. $('#prg').html('progress: ' + Math.round(per*100) + '%');
  24. }
  25. }, false);
  26. return xhr;
  27. },
  28. success:function(d, s) {
  29. console.log('success!')
  30. },
  31. error: function (a, b, c) {
  32. }
  33. });
  34. });
  35. </script>