HTML은 스트림별로 이미지의 임베디드 인코딩을 허용합니까?

Question

예 :

<div id="sampleimage"> 

***Stream or Serialize JPEG Image from Server Here w/o Sending another Request*** 

</div> 

그래서 기본적으로 하나의 응답으로 모든 것을 보낼 수 있습니다.

Answer 1

일부 브라우저 (FF, Chrome 및 IE8)에서는 data URL scheme을 사용하여 이미지 파일을 HTML에 포함 할 수 있습니다.

는

그것은합니다 (RFC에서 촬영)과 같은 :

<IMG 
    SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw 
    AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz 
    ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp 
    a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl 
    ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis 
    F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH 
    hhx4dbgYKAAA7" 
    ALT="Larry"> 

당신은 이미지에 대한 데이터가 base64로 인코딩되는 것을 볼 수 있습니다. 나는이 형식을 사용하여 자바 스크립트로 이미지를 지정하고 CSS에서 이미지를 사용할 수 있다고 생각한다.

Answer 2

예, 그것은 가능하다 : See here