이미지 url로 base64 string으로 변환하기
자바스크립트로 이미지를 String으로 변환해보기!
JavaScriptFrontend
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)
그러면 다음과 같이 사용할 수 있다.