iOS - WKWebView Cross origin requests are only supported for HTTP

Question

Hi i'm trying to load an html that is in the main Bundle with WKWebView this worked perfectly with UIWebView but now i have an error, the files in the html does not load send an error in the console : "XMLHttpRequest cannot load"

this is an example http://proyectoshm.com/esferas/dosaguas/dosaguascitta.html of the content embedded.

My code:

let folder = "maquetas/esferas/\(esfera)"

let resourcePath = Bundle.main.resourcePath
let subdir = URL(fileURLWithPath:resourcePath!).appendingPathComponent(folder, isDirectory: true)

guard let path = Bundle.main.path(forResource: "index", ofType: "html", inDirectory: folder) else {
    print("no se encontró path")
    return

}
print(subdir.path)


let url = NSURL.fileURL(withPath: path)
 print(url.path)
 vistaweb = WKWebView(frame: self.view.frame)

vistaweb.loadFileURL(url, allowingReadAccessTo: subdir)

self.view.addSubview(vistaweb)

Try this `vistaweb.configuration.preferences.setValue(true, forKey: "allowFileAccessFromFileURLs")` — trungduc, Oct 29 '17 at 06:46

trungduc · Accepted Answer · 2018-06-01T05:02:18.680

37

To resolve it, you need to turn allowFileAccessFromFileURLs on from WKPreferences

Swift

webView.configuration.preferences.setValue(true, forKey: "allowFileAccessFromFileURLs")

Objective-C

[webView.configuration.preferences setValue:@YES forKey:@"allowFileAccessFromFileURLs"];

edited Jun 01 '18 at 05:02

answered Oct 29 '17 at 13:52

trungduc

11,926
4
31
55

You may also need to use "allowUniversalAccessFromFileURLs" in addition to the above. See my answer – Abdul Yasin Dec 27 '19 at 11:16
1

Add comment to your answer that it is undocumented feature and might stop working unexpectedly. – Stanislav Berkov Jul 15 '20 at 14:48
It seems it does not work anymore (tested on iOS 15.6) – gomezo Aug 18 '22 at 09:59

Abdul Yasin · Answer 2 · 2019-12-31T06:09:49.873

4

File Access and universal File access (In case of reading media from device)

[webView.configuration.preferences setValue:@YES forKey:@"allowFileAccessFromFileURLs"];
[webView.configuration setValue:@YES forKey:@"allowUniversalAccessFromFileURLs"];

edited Dec 31 '19 at 06:09

answered Dec 27 '19 at 11:18

Abdul Yasin

3,480
1
28
42

score 2 · Answer 3 · answered May 22 '20 at 21:25

For Xamarin.iOS devs:

WKWebViewConfiguration config = webView.Configuration;
config.Preferences.SetValueForKey( FromObject( true ), new NSString( "allowFileAccessFromFileURLs" ) );
config.SetValueForKey( FromObject( true ), new NSString( "allowUniversalAccessFromFileURLs" ) );

iOS - WKWebView Cross origin requests are only supported for HTTP

3 Answers3

Swift

Objective-C

Linked