Why does the file always have a size of 34 bytes when indicating the progress of a file download?

J

JackShcherbakov2018-02-16 20:43:29

JavaScript

JackShcherbakov, 2018-02-16 20:43:29

Hello! I wrote this script. For some reason, this is always displayed in the console, regardless of the selected file:

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Запрос к серверу</title>
</head>

<body>
<!-- Тип кодирования данных, enctype, ДОЛЖЕН БЫТЬ указан ИМЕННО так -->
<form name="upload">
  <input type="file" name="file"><br>
  <input type="submit" value="Отправить файл на сервер">
</form>


</body>a

</html>
<script>
  document.forms.upload.onsubmit = function(){
    //var formData = new FormData();
    //	formData.append("name", "Евгений");
    var xhr = new XMLHttpRequest();
      
      xhr.onprogress = function(e){
        console.log("Загружено - " + e.loaded + "\n Из - " + e.total);
      }
      xhr.onload = function(){
        console.log(this.responseText);
      }
      xhr.open("POST", "http://asd/php.php", true);
      xhr.send(this.elements.file.files[0]);

      //console.log(this.elements.file);
      return false;
  }
</script>

What is the problem? How to fix? Thanks in advance!

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

J

JackShcherbakov, 2018-02-16
@JackShcherbakov

That's right -

xhr.upload.onprogress = function(event) {
    		console.log(event.loaded + ' / ' + event.total);
  		}