Loading a UIWebview with a local HTML file from a nested folder structure

Question

Specifically, I have a folder structure that looks like the below:

about (main folder)
- css (this sub-folder contains the css files)
- img (this sub-folder contains the img files)
- js (this sub-folder contains the js files)
- page (this subfolder contains the index.html file)

If I click on the index.html file from a normal computer browser, everything works as expected.

However, I am trying to load this index.html into a UIWebView.

So far, what I've done is I dragged the "about" folder to XCode and copied it there as I would any other file. Then I tried the following code:

NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];
NSData *htmlData = [NSData dataWithContentsOfFile:htmlFile];
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] resourcePath]];
[webView loadData:htmlData MIMEType:@"text/html" textEncodingName:@"UTF-8" baseURL:baseURL];

The webview loads the index.html, however it doesnt load the images/css/js, as I presume it can't find them within the folder structure.

Any help would be appreciated! Thank you!

I don't think folder structures are carried over to the iOS app binary. You'll need unique filenames. — Ryan Poolos
– Ryan Poolos, Commented Jul 10, 2012 at 12:29
all files that you submit your application, including those contained in sub folders, are placed in the root directory. — WhiteTiger
– WhiteTiger, Commented Jul 10, 2012 at 12:35

Community · Accepted Answer · 2017-05-23 12:31:24Z

8

oops, I actually found the answer here: Load resources from relative path using local html in uiwebview

I was able to use the actual folder structure as is with the following code:

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"/about/page"]];
[webView loadRequest:[NSURLRequest requestWithURL:url]];

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Jul 10, 2012 at 12:41

kurisukun

3,1595 gold badges41 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Abdullah Md. Zubair · Accepted Answer · 2012-07-10 12:36:28Z

0

Instead of using images/css/js use only sample.js.

answered Jul 10, 2012 at 12:36

Abdullah Md. Zubair

3,3242 gold badges32 silver badges39 bronze badges

Collectives™ on Stack Overflow

Loading a UIWebview with a local HTML file from a nested folder structure

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related