HTML5 `` — "Choose File" বাটনের বদলে ইমেজ প্রিভিউ দেখানো

FileReader API দিয়ে ইমেজ প্রিভিউ

ফাইল ইনপুটের ডিফল্ট UI ("Choose File") কাস্টমাইজ করা কঠিন। এর পরিবর্তে ফাইল সিলেক্ট হওয়ার পর FileReader.readAsDataURL() দিয়ে থাম্বনেইল দেখান।

HTML

JavaScript (jQuery বা Vanilla)
$('#myimg').on('change', function() {
  const file = this.files[0];
  if (file) {
    const reader = new FileReader();
    reader.onload = e => $('#preview').attr('src', e.target.result).show();
    reader.readAsDataURL(file);
  } else {
    $('#preview').hide();
  }
});

টিপ: ``-কে CSS-এ `display:none` করে একটি কাস্টম বাটন/এরিয়া থেকে `` দিয়ে ট্রিগার করুন — পুরো UI কন্ট্রোল থাকবে।