Computer >> Máy Tính >  >> Lập trình >> Javascript

Ghi nhớ và lặp lại đầu vào tệp trong HTML5


Để định vị lại, hãy sử dụng kéo và thả. Điều này là không thể trước đây, nhưng bây giờ nó đã hợp lệ.

Hãy để chúng tôi xem cách thực hiện -

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

Để kéo và thả -

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