BASE64
-
Data URI의 이미지 ( + 화면캡쳐)REACT 2021. 10. 26. 15:39
프로젝트 진행중 canvas를 통해 화면캡쳐한 이미지로 미리보기를 생성하고 저장할 때는, dataURI형식으로 캡쳐가 되어 데이터를 파일 형식으로 저장히기 위해서 이 데이터를 blob으로 데이터 디코딩을 진행하여 이미지를 저장하도록 설정하였다. 이미 저장된 이미지를 화면에 표시하려고 할 때는, 이미지 타입체크를 하는 함수를 만들어 이미지 타입을 보고 video 인지 img인지 판단할 수 있도록 설정하였다. Data URI Data URI란 이미지 데이타를 base64인코딩을 하여 이미지를 생성하는 것으로 외부 데이터를 파일형태로 저장하지 않고 사용가능하다는 장점이 있으나 인코딩시에 크기가 증가하게 도므로 img파일의 용량이 큰 경우에는 사용하지 않는 것이 좋다. 다음과 같은 형태를 나타낸다. data:i..