avatar
Octoping Blog

이미지 url로 base64 string으로 변환하기

자바스크립트로 이미지를 String으로 변환해보기!
JavaScriptFrontend
7 months ago
·
1 min read

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)

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







반갑습니다 😄