How to load images with HTML file in UIWebView

Question

I want to load an HTML file in an UIWebView using following lines of code:

NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"01Numbers" ofType:@"html"];
NSURL *url=[NSURL fileURLWithPath:htmlFile];
NSURLRequest *request=[NSURLRequest requestWithURL:url];
[WebView loadRequest:request];

I am able to load the HTML file, but this HTML file also contain some images, and that images are not loading/visible in the view, can anyone suggest any solution for this?

possible duplicate of [Using HTML and Local Images Within UIWebView](http://stackoverflow.com/questions/747407/using-html-and-local-images-within-uiwebview) — MusiGenesis, Jun 23 '12 at 13:13
http://stackoverflow.com/questions/747407/using-html-and-local-images-within-uiwebview — Brijesh Vadukia, Jun 23 '12 at 13:19

score 2 · Accepted Answer · answered Jan 05 '13 at 07:36

HTML File:

<HTML>
<HEAD>
<TITLE>My Web Page</TITLE>
</HEAD>
<BODY>
<img alt="" src="1.jpg" style="width: 100px; height: 100px;"/>
<P>This is where you will enter all the text and images you want displayed in a browser window.</P>
</BODY>
</HTML>

webView code:

 NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"desk" ofType:@"html"];
 NSURL *url=[NSURL fileURLWithPath:htmlFile];
 NSURLRequest *request=[NSURLRequest requestWithURL:url];
 [_webView loadRequest:request];

screenshot:

enter image description here

iDhaval · Answer 2 · 2012-06-23T13:28:04.253

You can use following way to load HTML file,

In this way all content get converted into Data and will load in webView. (All UI related contents like images icons should be in Resources Dir of project)

  NSString *filePath = [[NSBundle mainBundle] pathForResource:@"FileName" ofType:@"html"];  
  NSData *htmlData = [NSData dataWithContentsOfFile:filePath];  

 if (htmlData)
  {  
      [webView loadData:htmlData MIMEType:@"text/html" textEncodingName:@"UTF-8" baseURL:nil];  
  }

score 0 · Answer 3 · answered Jun 23 '12 at 13:25

0

I assume the images are also in the bundle. You will have to make sure the path set on the tag is a reference to the location of the image file IN the bundle or wherever you are storing that.

answered Jun 23 '12 at 13:25

Cliff Ribaudo

8,932
2
55
78

score 0 · Answer 4 · answered Jun 23 '12 at 13:35

0

Maybe you should try to put all you local webpage in a folder and use

NSString *htmlFile = [[NSBundle mainBundle] pathForResource:@"01Numbers" ofType:@"html" inDirectory:@"Your directory"];

answered Jun 23 '12 at 13:35

The Windwaker

1,054
12
24

How to load images with HTML file in UIWebView

4 Answers4

Linked