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進行編碼。我相信你也可以使用這種格式在JavaScript中分配圖像並在CSS中使用它們。

Answer 2

是的，這是可能的：See here