javascript - 在 iPhone 中加载 HTML 资源

Question

我尝试在我的 WebView 中加载本地 HTML 页面。它加载但未加载图像。

我的文件结构如下:

index.html 中的图片路径

<div class = "logo mt10 text-center"> <img src="images/logo.png" alt="Logo Goes Here"> </div>

在 Web View 中加载 HTML 页面

NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
    NSString* htmlString = [NSString stringWithContentsOfFile:htmlFile encoding:NSUTF8StringEncoding error:nil];
    NSString *path = [[NSBundle mainBundle] bundlePath];
    NSURL *baseURL = [NSURL fileURLWithPath:path];
    [web loadHTMLString:htmlString baseURL:baseURL];

帮我解决这个问题

Answer 1

嘿，你可以使用以下方式来做到这一点:

通过使用您的文件或文件夹的相对路径，您的本地 html 与相对引用将为您工作。

按照以下步骤操作:

1. 将资源拖到您的 xcode 项目中(我从 finder 窗口中拖出一个名为 www 的文件夹)，您将看到两个选项“为任何添加的文件夹创建组”和“为任何添加的文件夹创建文件夹引用”。
2. 选择“创建文件夹引用”选项。

3. 使用以下代码使用相对路径加载文件。

   NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"www"]];
   

   [webview loadRequest:[NSURLRequest requestWithURL:url]];

您所有的相关链接(如 img/.gif、js/.js)都将得到解析。

然后您可以像这样引用您的图像:

<img src="myimage.png">

我认为你的问题只是因为相对路径。请按照上述步骤操作。您将在 webview 上看到加载的图像。