|
37 | 37 | var uploadBtn = document.getElementById('upload-button-id');
|
38 | 38 | notice.innerHTML = "Your browser supports HTML uploads. Go try me! :-)";
|
39 | 39 | uploadBtn.removeAttribute('disabled');
|
| 40 | + |
| 41 | + initFullFormAjaxUpload(); |
| 42 | + initFileOnlyAjaxUpload(); |
40 | 43 | }
|
41 | 44 |
|
42 |
| -var form = document.getElementById('form-id'); |
43 |
| -form.onsubmit = function() { |
44 |
| - var formData = new FormData(form); |
45 |
| - var action = form.getAttribute('action'); |
| 45 | +function initFullFormAjaxUpload() { |
| 46 | + var form = document.getElementById('form-id'); |
| 47 | + form.onsubmit = function() { |
| 48 | + var formData = new FormData(form); |
| 49 | + var action = form.getAttribute('action'); |
46 | 50 |
|
47 |
| - sendXHRequest(formData, action); |
| 51 | + sendXHRequest(formData, action); |
48 | 52 |
|
49 |
| - return false; |
| 53 | + return false; |
| 54 | + } |
50 | 55 | }
|
51 | 56 |
|
52 |
| -var uploadBtn = document.getElementById('upload-button-id'); |
53 |
| -uploadBtn.onclick = function (evt) { |
54 |
| - var formData = new FormData(); |
55 |
| - var action = '/upload'; |
56 |
| - var fileInput = document.getElementById('file-id'); |
57 |
| - var file = fileInput.files[0]; |
58 |
| - formData.append('our-file', file); |
| 57 | +function initFileOnlyAjaxUpload() { |
| 58 | + var uploadBtn = document.getElementById('upload-button-id'); |
| 59 | + uploadBtn.onclick = function (evt) { |
| 60 | + var formData = new FormData(); |
| 61 | + var action = '/upload'; |
| 62 | + var fileInput = document.getElementById('file-id'); |
| 63 | + var file = fileInput.files[0]; |
| 64 | + formData.append('our-file', file); |
59 | 65 |
|
60 |
| - sendXHRequest(formData, action); |
| 66 | + sendXHRequest(formData, action); |
61 | 67 |
|
62 |
| - return false; |
| 68 | + return false; |
| 69 | + } |
63 | 70 | }
|
64 | 71 |
|
65 | 72 | function sendXHRequest(formData, uri) {
|
|
0 commit comments