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