HTML5에서 파일 입력 기억 및 다시 채우기

다시 채우려면 끌어서 놓기를 사용하십시오. 이전에는 불가능했지만 지금은 유효합니다.

방법을 알아봅시다 -

function drop(ev) {
   ev.stopPropagation();
   ev.preventDefault();
 
   // retrieving dataTransfer field from the event
   var d = ev.dataTransfer;
   var files = d.files;
   handleFiles(files);
}

드래그 앤 드롭의 경우 -

// dragging
target.addEventListener('dragover', (ev) => {
   ev.preventDefault();
   body.classList.add('dragging');
});

// drag leave
target.addEventListener('dragleave', () => {
   body.classList.remove('dragging');
});

// drop target
target.addEventListener('drop', (ev) => {
   ev.preventDefault();
   body.classList.remove('dragging');
});