Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <form method='POST' name="upload" enctype="multipart/form-data">
- <input type="file" name="myfile">
- <input type="submit" value="Загрузить">
- </form>
- <div id="log">Прогресс загрузки</div>
- <script>
- function log(html) {
- document.getElementById('log').innerHTML = html;
- }
- document.forms.upload.onsubmit = function() {
- var file = this.elements.myfile.files[0];
- if (file) {
- upload(file);
- }
- return false;
- }
- function upload(file) {
- var xhr = new XMLHttpRequest();
- xhr.onload = xhr.onerror = function() {
- if (this.status == 200) {
- log("success");
- } else {
- log("error " + this.status);
- }
- };
- // обработчик для закачки
- xhr.upload.onprogress = function(event) {
- log(event.loaded + ' / ' + event.total);
- }
- var formData = new FormData(Document.forms.upload);
- xhr.open("POST", "", true);
- xhr.send(formData);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement