記住並在 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-Jun-2020

262 次觀看

開啟你的 職業生涯

透過完成課程來獲得認證

開始