Loading downloaded images in Documents directory (IOS 10, xcode 8.1, Swift 3.0)

Question

This is how I load my wkwebview:

    let url = URL(fileURLWithPath: Bundle.main.path(forResource: "webviews/helloworld", ofType: "html")!)
    self.webview!.loadFileURL(url, allowingReadAccessTo: url)

All is fine on the simulator but when try the app on my iPhone the downloaded images saved in the documents directory are not loaded.

This is how I get the file url of the image.

    let fileManager = FileManager.default
    let directoryURL = fileManager.urls(for: .documentDirectory, in: .userDomainMask)[0]
    let pathComponent = filename

    return directoryURL.appendingPathComponent(pathComponent).absoluteString

This would return something like this: file:///Users/Joshua/Library/Developer/CoreSimulator/Devices/9FE87399-6EBD-4DF3-BC6A-FD844DF62833/data/Containers/Data/Application/C1E250A4-823E-4590-8BDE-3891666CA728/Documents/57a8dd7255723c964658262d43c169c1

I have the same problem as this guy: WKwebview : Cannot view app documents images in app web view iOS swift

can you also publish a piece of html file? where external resources are declared — heximal, Dec 13 '16 at 10:03
the problem may be in filename case-sensitivity. Simulator is case-insensetive, but real iOS devices are case sensetive — heximal, Dec 13 '16 at 10:05
@heximal 57a8dd7255723c964‌658262d43c169c1 is a the filename of the image — blake, Dec 13 '16 at 10:17
this is wrong, you can't know absolute path unless you construct html file on-the-fly. my advice: use relative paths. in other words, use just , webView will do the rest — heximal, Dec 13 '16 at 10:25
and of course, file:///Users/Joshua/Library/Developer/CoreSimulator/De‌vices/9FE87399-6EBD-‌4DF3-BC6A-FD844DF628‌33/data/Containers/D‌ata/Application/C1E2‌50A4-823E-4590-8BDE-‌3891666CA728/Documen‌ts/ on the device will be completely different — heximal, Dec 13 '16 at 10:27
@heximal sorry. I add the src part using javascript img.attr("src", path); — blake, Dec 13 '16 at 10:32
@heximal I also use scriptMessageHandlers in conjunction with evaluateJavaScriptmethod to pass the path from swift to javascript. — blake, Dec 13 '16 at 10:33
I see no reason why you should do it so complicated. use relative paths, Luke) — heximal, Dec 13 '16 at 11:01

score 0 · Answer 1 · answered Dec 13 '16 at 11:03

0

func getDirectoryPath() -> String {
    let paths = NSSearchPathForDirectoriesInDomains(.DocumentDirectory, .UserDomainMask, true)
    let documentsDirectory = paths[0]
    return documentsDirectory
}
func getImage(){
        let fileManager = NSFileManager.defaultManager()
        let imagePAth = (self.getDirectoryPath() as NSString).stringByAppendingPathComponent("yourImageName.jpg")// Your image name must be same as when you save image in directory 
        if fileManager.fileExistsAtPath(imagePAth){
            self.imageView.image = UIImage(contentsOfFile: imagePAth)
            // or do whatever you want with image. 
        }else{
            print("No Image")
        }
    }

answered Dec 13 '16 at 11:03

Amar Bhanwaria

62
6

you get image path or not ? – Amar Bhanwaria Dec 15 '16 at 06:02
I first check if the image exists. If so i return the path of the image. – blake Dec 15 '16 at 07:13
you can not return image path because /De‌vic‌es/9FE87399-6EBD-‌4‌DF3-BC6A-FD844DF628‌‌33/ this change every time randomly so its happen – Amar Bhanwaria Dec 15 '16 at 07:51
you want to load image in webview ? – Amar Bhanwaria Dec 15 '16 at 07:52
http://stackoverflow.com/questions/747407/using-html-and-local-images-within-uiwebview – Amar Bhanwaria Dec 15 '16 at 07:56
I know it changes every time. I posted the code i use to retrieve the file location. – blake Dec 15 '16 at 08:27

score 0 · Accepted Answer · answered Dec 19 '16 at 03:17

So what I did to fix the problem is to transfer the webviews directory to the /Libraries directory and store the photos I downloaded to /Libraries/Caches

    let functionName:String = "moveFileToLibrary"
    let library = FileManager.default.urls(for: .libraryDirectory, in: .userDomainMask)[0]
    let bundle = Bundle.main.path(forResource: "webviews", ofType: "")!

    let fileManager = FileManager.default

    if fileManager.isWritableFile(atPath: library.path)
    {
        if self.debug {print("\(functionName) @ \(self.className) => \(library.path) : File is writable")}
    }
    else
    {
        if self.debug {print("\(functionName) @ \(self.className) => \(library.path) : File is read-only")}
    }

    if fileManager.isWritableFile(atPath: bundle)
    {
        if self.debug {print("\(functionName) @ \(self.className) => \(bundle) : File is writable")}
    }
    else
    {
        if self.debug {print("\(functionName) @ \(self.className) => \(bundle) : File is read-only")}
    }

    if !fileManager.fileExists(atPath: library.appendingPathComponent("webviews").path)
    {
        do
        {
            try fileManager.copyItem(atPath: bundle, toPath: library.appendingPathComponent("webviews").path)
            if self.debug {print("\(functionName) @ \(self.className) => Webviews folder copied!")}
        }
        catch let error
        {
            if self.debug {print("\(functionName) @ \(self.className) => Error Writing Webviews folder: \(error.localizedDescription)")}
        }
    }
    else
    {
        if self.debug {print("\(functionName) @ \(self.className) => Webviews folder exists. Continue woth life.")}
    }

Loading downloaded images in Documents directory (IOS 10, xcode 8.1, Swift 3.0)

2 Answers2