IOS: How to load local files in UIWebview eg: .png, .doc, .pdf, etc

Question

I need to display local fles like png,pdf,doc into uiwebview. Can anybody help how to load the local url into webview and display the file in webview..

NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
NSString *documentsDirectory = [paths objectAtIndex:0];
NSFileManager *manager = [NSFileManager defaultManager];
NSString *tempUrlString = [NSString stringWithFormat:@"%@/0_iphone.png",documentsDirectory];

enter image description here

that's easy... could you show us what you have tried so far? — Fahim Parkar, Dec 18 '13 at 06:45

Midhun MP · Answer 1 · 2013-12-18T08:01:09.480

4

You can use the <img> tag for loading image to UIWebView.

NSString *imagePath  = [[NSBundle mainBundle] pathForResource:@"yourImage" ofType:@"png"];
NSString *htmlString = [NSString stringWithFormat:@"<html><body><img src=\"file://%@\"></body></html>",imagePath];
[myWebView loadHTMLString:htmlString baseURL:nil];

EDIT :

For loading image from document directory, you just need to change the image path in above code, nothing else.

NSArray *docPaths            = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory,NSUserDomainMask, YES);
NSString *documentsDirectory = [docPaths objectAtIndex:0];
NSString  *imagePath         = [documentsDirectory stringByAppendingPathComponent:@"/yourImage.png"];

edited Dec 18 '13 at 08:01

answered Dec 18 '13 at 06:40

Midhun MP

103,496
31
153
200

am getting file from app directory. its not load image for me. – Rajesh Loganathan Dec 18 '13 at 06:48
If anyone want to load image from local directory to img tags on uiwebview, this is the right answer – Trung Bui Jan 18 '16 at 07:33

score 4 · Accepted Answer · answered Dec 18 '13 at 06:44

To load file from your bundle:

  NSString * html = [[NSString alloc] initWithFormat:@"<img src=\"file://%@\"/>", filename];

 [self.webView loadHTMLString:newhtml  baseURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] resourcePath]]];

To load from your document directory:

NSArray *paths = NSSearchPathForDirectoriesInDomains( NSDocumentDirectory, NSUserDomainMask ,YES );
NSString *documentsDirectory = [paths objectAtIndex:0];
NSString *path = [documentsDirectory stringByAppendingPathComponent:@"index.pdf"];
[webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:path]]]

score 2 · Answer 3 · answered Dec 18 '13 at 06:58

2

check this...

UIImage *cameraImage = [UIImage imageNamed:@"YourImageName"];

NSData *myData = UIImagePNGRepresentation(cameraImage);

[self.webview loadData:myData MIMEType:@"image/png" textEncodingName:nil baseURL:nil];

answered Dec 18 '13 at 06:58

Vaisakh

2,919
4
26
44

score 0 · Answer 4 · answered Dec 18 '13 at 06:44

You can simply load any file in UIWebView with passing it as a NSURL

NSURL *url = [NSURL URLWithString:@"your_FIle_name_with_path"]; // Use NSDocumentsDirectory to get local files.
NSURLRequest *requestURL = [NSURLRequest requestWithURL:url];
[self.webView loadRequest:requestURL];

IOS: How to load local files in UIWebview eg: .png, .doc, .pdf, etc

4 Answers4