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

জাভাস্ক্রিপ্ট ব্যবহার করে ছবি Base64 স্ট্রিং-এ কনভার্ট করা

জাভাস্ক্রিপ্ট ব্যবহার করে ছবি Base64 স্ট্রিং-এ কনভার্ট করতে FileReader API ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <body>       <script>          function toDataURL(url, callback) {             var httpRequest = new XMLHttpRequest();             httpRequest.onload = function() {                var fileReader = new FileReader();                   fileReader.onloadend = function() {                      callback(fileReader.result);                   }                   fileReader.readAsDataURL(httpRequest.response);             };             httpRequest.open('GET', url);             httpRequest.responseType = 'blob';             httpRequest.send();          }          toDataURL('https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg', function(dataUrl) {          document.write('স্ট্রিং রেজাল্ট:', dataUrl)       })       </script>    </body> </html>

ব্যাখ্যা: URL থেকে ছবি ব্লব (Blob) হিসেবে ডাউনলোড করা হয় (responseType = 'blob'), তারপর FileReader.readAsDataURL() দিয়ে Base64 ডেটা URI-তে কনভার্ট করা হয়। কলব্যাকে রেজাল্ট পাওয়া যায়। নিরাপত্তার জন্য CORS হেডার সেট থাকতে হবে (সার্ভার সাইড)। আধুনিকভাবে fetch() + blob() + FileReader বা FileReader.readAsDataURL ব্যবহার করা ভালো।

  1. জাভাস্ক্রিপ্ট দিয়ে ইমেজকে Blob-এ রূপান্তর করা

  2. স্ট্রিংকে জাভাস্ক্রিপ্ট অবজেক্টে রূপান্তর করা

  3. Kotlin-এ Base64 স্ট্রিংকে Bitmap ইমেজে রূপান্তর করা

  4. কোটলিন ব্যবহার করে অ্যান্ড্রয়েডে ইমেজকে Base64 স্ট্রিং-এ কনভার্ট করা