技术问询：能否在XHTML文档中内联嵌入ZIP文件？

嘿，你已经摸透了Base64嵌入图片的路子，那把ZIP文件嵌进XHTML里其实是一模一样的逻辑——靠的是Data URI scheme，这个方案可不止局限于图片，几乎所有类型的文件都能通过它内联到文档里。

具体怎么做？ #

和嵌入图片类似，你只需要：

• 指定正确的MIME类型：ZIP文件对应的是 application/zip
• 把ZIP文件转换成Base64编码的字符串
• 把这两部分组合成Data URI，放到合适的标签里

举个实用的例子，如果你想让用户直接下载内联的ZIP，可以用<a>标签：

<a href="data:application/zip;base64,UEsDBBQAAAAIA..." download="my_archive.zip">点击下载内联ZIP</a>

要是你想尝试直接在页面里嵌入ZIP（不过浏览器一般不会直接解析展示ZIP内容，更多还是下载场景），也可以用<object>标签试试：

<object data="data:application/zip;base64,UEsDBBQAAAAIA..." type="application/zip" width="600" height="400">
  你的浏览器不支持直接显示ZIP文件，<a href="data:application/zip;base64,UEsDBBQAAAAIA...">点击下载</a>
</object>

几点要注意的地方 #

• 文件体积问题：Base64编码会让原文件体积增大大概33%，如果是大尺寸的ZIP包，别这么干——会让你的XHTML文档变得异常臃肿，拖慢页面加载速度。
• 浏览器兼容性：现代主流浏览器都支持Data URI，XHTML本身也完全兼容这种写法，只要你的URI格式符合XML规范就行（比如特殊字符要正确转义，但Base64字符串一般不会有这个问题）。

内容的提问来源于stack exchange，提问作者Victor