blob: 593258e9ff4e347873274104e6d958daf1f56903 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
/* eslint-env browser */
const elDrop = document.querySelector('#dropzone')
const submitBtn = document.querySelector('#submitbutton')
const fileInput = document.querySelector('#files')
elDrop.addEventListener('dragover', (event) => {
event.preventDefault()
})
elDrop.addEventListener('drop', async (event) => {
event.preventDefault()
submitBtn.disabled = true
fileInput.files = event.dataTransfer.files
elDrop.textContent = `✓ ${fileInput.files.length} files selected`
elDrop.style.height = 'inherit'
submitBtn.disabled = false
})
elDrop.addEventListener('click', () => {
fileInput.click()
})
|