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