我正在创建一个文件HTML5应用程序,它将所有图像资源嵌入为Data Uri
。此应用程序包含一个图像库(花式框),它使用<a>
标签作为图像的来源,以在其弹出框中显示,与其他许多功能一样。例如使用Data Uri作为标签的href
<li>
<a href="photos/FL6C2632.jpg">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
更换img
标签与URI按预期工作数据的src
属性,但是更换a
标签的href
有一个base64等同,而不是一个像一些真正的路径没有。
究竟有没有能够在href属性中使用数据uri而不是现有的物理位置?
因此,例如(不工作)
<li>
<a href="data:image/jpeg;base64,someotherbase64stringetc014564hkjhkj">
<img src="data:image/jpeg;base64,somebase64stringetc014564hkjhkj" />
</a>
</li>
看起来好像不是所有的浏览器都支持导航的数据URI。 IE没有,[引用安全原因](http://msdn.microsoft.com/en-us/library/cc848897.aspx)。 – BoltClock
除了@BoltClock注释之外,fancybox可能无法识别(base64)链接是图像,因此您必须指定它。检查http://stackoverflow.com/a/17554660/1055987选项 – JFK