প্রত্যক্ষ ফাইল সিস্টেম এক্সেস নয়, কিন্তু ব্যবহারকারীর অনুমতিতে সম্ভব
HTML5 ব্রাউজারকে ব্যবহারকারীর আর্বিট্রারি ফাইল সিস্টেম এক্সেস দেয় না (সিকিউরিটি)। কিন্তু ব্যবহারকারী ড্র্যাগ-অ্যান্ড-ড্রপ বা ফাইল পিকার দিয়ে ফাইল দিলে সেটি পড়া/প্রসেস করা যায়। আধুনিক File System Access API দিয়ে লিখাও সম্ভব (পারমিশন নিয়ে)।
১. Drag & Drop API (সব ব্রাউজার)
zone.addEventListener(e, ev => { ev.preventDefault(); zone.style.background='#eef'; }));
['dragleave','drop'].forEach(e => zone.addEventListener(e, ev => { ev.preventDefault(); zone.style.background='transparent'; }));
zone.addEventListener('drop', ev => {
const files = ev.dataTransfer.files;
[...files].forEach(file => {
console.log('ফাইল:', file.name, file.type, file.size);
// FileReader দিয়ে পড়ুন
const reader = new FileReader();
reader.onload = e => console.log('কন্টেন্ট:', e.target.result.slice(0,100));
reader.readAsText(file); // বা readAsDataURL, readAsArrayBuffer
});
});
</script>
২. File System Access API (Chrome 86+, Edge 86+) — লিখা/পড়া উভয়ই
` + FileReader রাখুন।
