blob: 0db4c7c43712a7696143381517c956f9a1f58d28 (
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
const upload_form = document.getElementById("upload_form");
const the_file = document.getElementById("the_file");
const filename_input = document.getElementById("filename");
const upload_btn = document.getElementById("upload_btn");
const current_directory = document.getElementById("current_directory");
the_file.onchange = on_file_added;
const files = [];
const pending_uploads = [];
function on_file_added(_e) {
if (the_file.files.length >= 1) {
filename_input.value = the_file.files[0].name;
// Send the form asynchronously through the fetch api
fetch(upload_form.action, {
method: upload_form.method,
body: new FormData(upload_form)
}).then((resp) => {
if (resp.status == 200) {
add_file_visuals(filename_input.value, true);
}
else {
alert("Upload failed");
}
}, () => {
alert("Upload failed")
});
}
else {
alert("No files selected");
}
}
function add_file_visuals(name, pending) {
var fileDiv = document.createElement('div');
var img = document.createElement('img');
var filename = document.createElement('div');
img.src="/mimeicons/application-pdf.png";
fileDiv.classList.add('file');
filename.classList.add('filename');
filename.innerText = name;
fileDiv.appendChild(img);
fileDiv.appendChild(filename);
current_directory.appendChild(fileDiv);
files.push([name, fileDiv]);
return fileDiv;
}
function begin_upload() {
the_file.click();
}
|