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

HTML এবং JavaScript-এ আপলোড করার আগে এবং পরে ইমেজ প্রিভিউ করা


আপলোড করার আগে এবং পরে ইমেজ প্রিভিউ করতে নিচের কোড চেষ্টা করুন − HTML

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <form id = "form1" runat = "server">    <input type = 'file' id = "demo" />    <img id = "myid" src = "#" alt = "new image" /> </form>

নিচে jQuery দেওয়া হল −

function display(input) {    if (input.files && input.files[0]) {       var reader = new FileReader();       reader.onload = function(event) {          $('#myid').attr('src', event.target.result);       }       reader.readAsDataURL(input.files[0]);    } } $("#demo").change(function() {    display(this); });

  1. HTML ফাইলে জাভাস্ক্রিপ্ট এম্বেড করার পদ্ধতি

  2. জাভাস্ক্রিপ্টে বাটন ক্লিক করলে টেক্সটফিল্ড খালি করা

  3. জাভাস্ক্রিপ্টে HTML ইনপুট গ্রহণ, পার্স ও প্রদর্শন করা

  4. জাভাস্ক্রিপ্টে ছবি আপলোড করার আগে প্রিভিউ করা