Advertisement
Guest User

Untitled

a guest
Sep 30th, 2016
99
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8.     <form method='POST' name="upload" enctype="multipart/form-data">
  9.         <input type="file" name="myfile">
  10.         <input type="submit" value="Загрузить">
  11.     </form>
  12.  
  13.     <div id="log">Прогресс загрузки</div>
  14.  
  15.     <script>
  16.         function log(html) {
  17.             document.getElementById('log').innerHTML = html;
  18.         }
  19.  
  20.         document.forms.upload.onsubmit = function() {
  21.             var file = this.elements.myfile.files[0];
  22.             if (file) {
  23.                 upload(file);
  24.             }
  25.             return false;
  26.         }
  27.  
  28.  
  29.         function upload(file) {
  30.  
  31.             var xhr = new XMLHttpRequest();
  32.  
  33.             xhr.onload = xhr.onerror = function() {
  34.                 if (this.status == 200) {
  35.                 log("success");
  36.                 } else {
  37.                 log("error " + this.status);
  38.                 }
  39.             };
  40.  
  41.             // обработчик для закачки
  42.             xhr.upload.onprogress = function(event) {
  43.                 log(event.loaded + ' / ' + event.total);
  44.             }
  45.  
  46.  
  47.             var formData = new FormData(Document.forms.upload);
  48.             xhr.open("POST", "", true);
  49.             xhr.send(formData);
  50.  
  51.         }
  52.     </script>
  53. </body>
  54. </html>
Advertisement
RAW Paste Data Copied
Advertisement