Javascript는 변수에서 jpeg 바이너리 데이터를 렌더링합니다.

Question

Javascript 변수에 포함 된 JPEG/PNG 파일 데이터를 렌더링하는 방법은 무엇입니까? 가능한가? 어떤 자바 스크립트 라이브러리가 필요 했습니까? 사용중인 브라우저는 FF/IE입니다.

감사

Answer 1

현대 브라우저 inline images을 지원합니다. 그래서 당신은 base64 encoded string에 바이너리 데이터를 변환 한 다음은 DOM에 추가 할 수 있습니다 :

var img = document.createElement('img'); 
img.src = 'data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7'; 
img.width = '16'; 
img.height = '14'; 
document.body.appendChild(img);