কম্পিউটার

HTML5 <ইনপুট প্রকার=“ফাইল” গ্রহণ=“ছবি/*” ক্যাপচার=“ক্যামেরা”> “ফাইল চয়ন করুন” বোতামের পরিবর্তে চিত্র হিসাবে প্রদর্শন


ব্যবহারকারীদের একটি ছবি বেছে নেওয়ার অনুমতি দিতে JavaScript FileReader ব্যবহার করুন৷

আসুন একটি উদাহরণ দেখি −

<form id = "myform" runat = "server">
   <input type = 'file' id = "myimg" />
   <img id = "myid" src = "#" alt = "new image" />
</form>

এখানে JS −

function readURL(input) {
   if (input.files && input.files[0]) {
      var r = new FileReader();
      r.onload = function (ev) {
         $('#myid).attr('src', ev.target.result);
      }
      reader.readAsDataURL(input.files[0]);
   }
}   

  1. জাভাস্ক্রিপ্ট ফর্ম জমা দেওয়ার জন্য সাবমিট বোতাম এবং ইনপুট সাফ করার জন্য আরেকটি বোতাম তৈরি করুন

  2. ::ফাইল-নির্বাচক-বোতাম নির্বাচক সহ ফাইল আপলোড বোতামের CSS স্টাইলিং

  3. আমি কিভাবে HTML5 এ SVG বৃত্তের ভিতরে একটি চিত্র প্রদর্শন করতে পারি?

  4. মাল্টিপল ইনপুট (<ইনপুট টাইপ=“ফাইল” মাল্টিপল />) সর্বোচ্চ আইটেম কিভাবে সীমাবদ্ধ করবেন?