Javascript) bytes Array를 image tag안에 넣기

하이브리드 개발을 진행하다 네이티브의 사진 file을 biteArray로 변환하고 웹뷰의 javascrpt로 전달후 다시 image 태그의 src에 값을 넣을 일이 생겼다. 다음과 같이 진행하면 된다.

[137,80,78,71,13,10,26,10,0,...]

<img id="image" src="" />

var imgsrc = "data:image/png;base64," + btoa(String.fromCharCode.apply(null, new Uint8Array([137,80,78,71,13,10,26,10,0,...])));

document.getElementById('image').src = imgsrc;

 

도움되셨다면 하단의 광고 클릭 부탁드립니다 :)