blob: f247b4e4f8efe357c50a3892fb0c8a46905de4f5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
var form = document.getElementById('send');
var fileSelect = document.getElementById('file-select');
var uploadButton = document.getElementById('send-button');
form.onsubmit = function(event) {
event.preventDefault();
// Update button text.
uploadButton.innerHTML = 'Uploading...';
// Get the selected files from the input.
var files = fileSelect.files;
// Create a new FormData object.
var formData = new FormData();
// Loop through each of the selected files.
for (var i = 0; i < files.length; i++) {
var file = files[i];
// Add the file to the request.
formData.append('file[]', file, file.name);
}
// Set up the request.
var xhr = new XMLHttpRequest();
// Open the connection.
xhr.open('POST', window.location.pathname + '/upload', true);
xhr.onload = function() {
if (xhr.status == 200) {
uploadButton.innerHTML = 'Send Files';
if (document.getElementByClassName('flashes') !=null) {
var flashes = document.getElementByClassName('flashes')
}
}
}
// Send the Data.
xhr.send(formData);
}
|