@hamster141095

Как связать dropArea (не библиотеку, а просто div) (при отправке формы) с формой?

У меня есть дропзона, обычный 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);
    }
  });
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы