记住和重新填充 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');
});

Nancy Den

已更新：24-6-2020

260 次浏览

开启你的 职业生涯

获得认证，完成课程

开始