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

Question

使用Xcode 4，我能够将主要包中的图像加载到正在加载到UIWebView的本地html文件中，这些图像只位于名为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中使用的图像放在那里，但我试图避免这种情况。

有什么想法吗？

Answer 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