HTML পেজ ট্যাগ থেকে ইমেজকে ডেটা URI-তে কনভার্ট করতে জাভাস্ক্রিপ্ট দিয়ে, আপনাকে প্রথমে একটি ক্যানভাস এলিমেন্ট তৈরি করতে হবে, এর প্রস্থ এবং উচ্চতা ইমেজের সমান সেট করতে হবে, ইমেজটি সেটে ড্র করা হবে এবং সর্বশেষে এতে toDataURL মেথড কল করতে হবে।
এটি ইমেজের base64 এনকোডেড ডেটা URI রিটার্ন করবে। উদাহরণস্বরূপ, আপনার যদি my-image আইডি সহ একটি ইমেজ থাকে, তবে আপনি নিচেরটি ব্যবহার করতে পারেন -
উদাহরণ
function getDataUrl(img) { // ক্যানভাস তৈরি const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // প্রস্থ এবং উচ্চতা সেট করুন canvas.width = img.width; canvas.height = img.height; // ইমেজ ড্র করুন ctx.drawImage(img, 0, 0); return canvas.toDataURL('image/jpeg'); } // ইমেজ সিলেক্ট করুন const img = document.querySelector('#my-image'); img.addEventListener('load', function (event) { const dataUrl = getDataUrl(event.currentTarget); console.log(dataUrl); });আউটপুট
এটি নিচের আউটপুট দেবে -
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADSCAMAAABThmYtAAAAXVB
