Xcode 5 和本地 HTML 文件中的图像答案

【问题标题】：Xcode 5 and images in a local HTML fileXcode 5 和本地 HTML 文件中的图像
【发布时间】：2013-10-13 16:53:26
【问题描述】：

使用 Xcode 4，我能够将主包中的图像加载到本地 html 文件中，该文件正在加载到 UIWebView 中，这些图像只是在名为 Resources/images 的文件夹中。现在使用 xcassets 似乎并非如此。

您以前可以在 HTML 文件的标题中使用它：

.ccp-arrow {width:100%;height:32px;background:url('ccp-arrow.png') no-repeat center;padding-top:10px;padding-bottom:10px;}

然后调用：

<div class="ccp-arrow"></div>

并让它显示在文档中。

似乎使用 xcassets 来管理图像这不再有效。

我尝试删除 png 扩展名，但没有成功。

我唯一能想到的就是在上一个版本中重新创建旧图像文件夹，并将我在 UIWebViews 中使用的图像放在那里，但我试图避免这种情况。

有什么想法吗？

【问题讨论】：

【解决方案1】：

是的，看来您必须采用您已经描述的方法：将您希望在 HTML 文件中使用的图像以老式方式嵌入 Xcode，而不是通过资产目录。

我经常使用的另一种方法是将图像作为 base64 编码数据直接嵌入 HTML 或 CSS。这种方法的好处是，您不必将目录或文件路径传递给 HTML/CSS。这就是它在 CSS 中的样子：

#myContainer {
  background: url(data:image/png;base64,iVBoAAAAORw0KGgUgAd2FyZQBBZG...);
}

或者在 HTML 中：

<img src="data:image/png;base64,iVBoAAAAORw0KGgUgAd2FyZQBBZG...">

您可以使用命令行函数base64获取图片的base64数据：

$ base64 my-image.png

【讨论】：