3

不要太早打我！

我知道如何在 HTML 页面中添加图像......但我想在这个 HTML 页面中添加实际的图像文件。

就是这样，我希望我的 html 页面独立，没有任何文件夹或文件。例如，我将 css 放在<style>应答器中。现在，我想对图像做同样的事情。

第一个问题：有可能吗？

第二个问题：导入的图片文件是否可以在 HTML 中多次添加？

我不知道我是否可以理解，所以，有一个我想要的例子：

<html>
    <head>
        <file byte="A02AB46213F541F...ABCD542" ref="my_ref" />
    </head>
    <body>
        <img src="my_ref" />
    </body>
</html>
4

2 回答 2

3

我终于找到了！

感谢... Stackoverflow 实际上 ^^

我找到的解决方案非常简单。只需使用 css 中的数据 URL！好的，现在我的 html 代码真的不可读，但是 html 文件真的很简单！

编辑：我虽然一个小例子可能对任何其他人都很好：

<html>
    <head>
        <style>
            .myImage
            {
                background-image: url("data:image/png;base64,iVBORw0KG...ggg==");
                background-repeat: no-repeat;
                background-position: center;
            }
        </style>
    </head>
    <body>
        <div class="myImage">
        </div>
    </body>
</html>
于 2013-08-22T14:04:18.150 回答
1

您还可以将数据放在 img 标签的 src 属性中。

<IMG  src="data:image/png;base64,iVBORw0KGg....ggg==">

于 2015-02-27T10:00:31.263 回答