Как получить код base64 по тегу img из DOM?

Question

У меня есть ссылка на изображение (./kcaptcha/), которое дает мне случайное изображение с номерами в каждом запросе.Итак, я хочу получить код base64 из DOM, а не из образа src / url.Есть ли варианты для достижения этого? изображение здесь

Answer 1

Допустим, вы работаете с тегом, который выглядит следующим образом:

const myBtn = document.getElementById("myBtn");

myBtn.addEventListener('click', () => {
  const c = document.createElement('canvas');
  const ctx = c.getContext("2d");
  const img = document.getElementById("myImg");
  ctx.drawImage(img, 0, 0);
  alert(c.toDataURL("image/png"));
})

<img id="myImg" src="https://picsum.photos/200" crossorigin="Anonymous"/>
<br>
<button id="myBtn">Get B64</button>

crossorigin="Anonymous" обязательно