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

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

让我们看看如何 −

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

用于拖放 −

// 拖动
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');
});

相关文章

• 如何使用 JavaScript 设置元素周围的轮廓颜色?
• JavaScript 中的 ArrayBuffer.slice() 函数
• 如何在 HTML5 中使用 Web Workers?
• 在 HTML5 中记住并重新填充文件输入
• 将凭证存储在本地存储中的技巧