ड्रैग एंड ड्रॉप का उपयोग करके रीपॉप्युलेट करना
रीपॉप्युलेट करने के लिए, ड्रैग एंड ड्रॉप का उपयोग करें। यह पहले संभव नहीं था, लेकिन अब यह मान्य है।
कैसे करें
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');
});
यह दृष्टिकोण फ़ाइल इनपुट मानों को ड्रैग-एंड-ड्रॉप इंटरैक्शन के माध्यम से बनाए रखने की अनुमति देता है।
