async function picToBase64(src) {
  return new Promise(async (resolve) => {
    const response = await fetch(src);
    const blob = await response.blob();

    const reader = new FileReader();
    reader.onloadend = () => resolve(reader.result);
    reader.readAsDataURL(blob);
  });
}

src를 받아서, fetch를 통해 리스폰스를 blob으로 받아온다.

그 후 FileReader를 이용해서 blob을 dataUrl로 읽어와주면 된다.

const base64Result = await picToBase64(url)

그러면 다음과 같이 사용할 수 있다.