Ermöglicht HTML die eingebettete Codierung von Bildern per Stream?

Question

Beispiel:

<div id="sampleimage"> 

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

</div> 

Also im Grunde alles in einer einzigen Antwort senden.

Answer 1

In einigen Browsern (in FF, Chrome und anscheinend IE8) können Sie die data URL scheme verwenden, um eine Bilddatei in HTML einzubetten.

Es sieht aus wie etwas, (aus dem RFC genommen):

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

Sie können die Daten für das Bild sehen, dass in base64 codiert wird. Ich glaube, dass Sie dieses Format auch verwenden können, um Bilder in Javascript zuzuweisen und sie in CSS zu verwenden. Ja

Answer 2

ist es möglich: See here