У меня есть дропзона, обычный div. Как мне этот div связать с формой?
if (window.FileList && window.File) {
const reader = new FileReader();
dropZone.addEventListener('dragover', (event) => {
event.stopPropagation();
event.preventDefault();
event.dataTransfer.dropEffect = 'copy';
});
dropZone.addEventListener('drop', (event) => {
event.stopPropagation();
event.preventDefault();
const file = event.dataTransfer.files[0];
reader.readAsDataURL(file);
reader.addEventListener('load', (event) => {
checkUploadFile(file, error, event);
});
});
}
Это работает только с инпутом, а как мне получить сюда данные из dropzone?
form.addEventListener('submit', (event) => {
event.preventDefault();
let formData = new FormData(form);
console.log(event);
formData.append('image', fileLoader.files[0]);
for (var p of formData) {
console.log(p);
}
});