কম্পিউটার টিউটোরিয়াল

HTML5 ব্রাউজারের মধ্য থেকে লোকাল ক্লায়েন্ট ফাইল্সের সাথে ইন্টারঅ্যাক্ট করতে দেয় কি?

হ্যাঁ, HTML5 ফাইল API দিয়ে সম্ভব

HTML5 শক্তিশালী File API প্রদান করে, যা ওয়েব অ্যাপ্লিকেশনকে ব্যবহারকারীর লোকাল ফাইল সিস্টেমের সাথে সীমিত দায়েরে ইন্টারঅ্যাক্ট করতে দেয়। ব্যবহারকারীর অনুমতি ছাড়া কোনো ফাইল এক্সেস করা যায় না।

প্রধান API গুলো

  • File API: ফাইল পড়া, মেটাডেটা (নাম, আকার, টাইপ) জানা, থাম্বনেইল প্রিভিউ বানানো।
  • File System API (Deprecated): স্যান্ডবক্সড ফাইল সিস্টেমে ফাইল লিখা/পড়া (শুধু Chrome-এ সাপোর্টেড, স্ট্যান্ডার্ড নয়)।
  • File Writer API: ফাইলে ডেটা লিখার জন্য (প্রায় অবসোমিত)।
  • File System Access API (Modern): ব্যবহারকারীর পারমিশন लेकर রিয়েল ফাইল/ফোল্ডার পড়া/লিখা (Chrome Edge-এ সাপোর্টেড)।

ব্যবহারিক উদাহরণ

  • ইমেজ আপলোডের আগে থাম্বনেইল প্রিভিউ: FileReader.readAsDataURL() দিয়ে।
  • অফলাইন অ্যাপে ফাইল রেফারেন্স সেভ: ব্যবহারকারী অফলাইন থাকলেও ফাইল হ্যান্ডেল রাখা।
  • ড্র্যাগ-অ্যান্ড-ড্রপ ফাইল আপলোড: ডেস্কটপ থেকে ব্রাউজারে ফাইল টেনে আনা।

সিকিউরিটি নোট

ব্রাউজার স্যান্ডবক্স মডেল মেনে চলে। ব্যবহারকারী স্পষ্টভাবে ফাইল সিলেক্ট করলে বা ড্র্যাগ করলে আপনি সেটি এক্সেস করতে পারবেন। অটোমেটিক ফাইল সিস্টেম স্ক্যান বা লিখা সম্ভব নয়।

  1. Any Send দিয়ে সহজে পিসি থেকে পিসিতে ফাইল ট্রান্সফার করুন

  2. Error 0x800710FE বা 0x8007112a: ফাইল ডিলিট করতে সমস্যা এবং সমাধান

  3. এয়ারড্রয়েড ফাইল ট্রান্সফার দিয়ে ফাইল ট্রান্সফার

  4. Windows PC থেকে অ্যান্ড্রয়েডে ফাইল ট্রান্সফার