我正在创建一个单文件 HTML5 应用程序,该应用程序将所有图像资源嵌入为Data Uri
. 这个应用程序包含一个图像库(花式框),它使用<a>
标签作为图像的来源,以在其弹出窗口中显示,就像许多其他应用程序一样。例如
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
用数据 uri 替换标签的src
属性按预期工作,但是用base64 等效而不是图像的某些真实路径替换标签则不行。img
a
href
无论如何,是否能够在 href 属性中使用数据 uri 而不是现有的物理位置?
例如(这不起作用)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>