Не могу понять как показать прогресс загрузки файлов на сервер с Ajax.
вот сама форма и Javascript.
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<form id="data" method="post" enctype="multipart/form-data">
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
Files: <input type="file" name="files" multiple><br><br>
<input type="submit" value="Submit">
</form>
<script>
//form Submit action
$("form#data").submit(function(event){
//disable the default form submission
event.preventDefault();
//grab all form data
var formData = new FormData($(this)[0]);
$.ajax({
url: 'http://192.168.0.102:8080/upload',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
enctype: 'multipart/form-data',
success: function (returndata) {
alert(returndata);
}
});
return false;
});
</script>