记住并重新填充HTML5中的文件输入

要重新填充,请使用拖放操作。以前不可能这样做,但是现在它是有效的。

让我们看看如何-

function drop(ev) {
   ev.stopPropagation();
   ev.preventDefault();
 
   //从事件中检索dataTransfer字段
   var d = ev.dataTransfer;
   var files = d.files;
   handleFiles(files);
}

对于拖放-

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

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

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