Load local file error | Community
Skip to main content
New Participant
July 13, 2017
Solved

Load local file error

  • July 13, 2017
  • 5 replies
  • 4730 views

I cant load a local file because http is only allowed.

XMLHttpRequest cannot load file:///var/mobile/... Cross origin requests are only supported for HTTP.

How can i allow to load local files in an app? Thanks, David

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by brucelef

The reason I ask is that there is a known issue which prevents local XHRs when using the WKWebView plugin: [CB-10143] Local file:// url XmlHttpRequests are not allowed in WKWebViewEngine - ASF JIRA

5 replies

brucelefAccepted solution
Employee
July 14, 2017

The reason I ask is that there is a known issue which prevents local XHRs when using the WKWebView plugin: [CB-10143] Local file:// url XmlHttpRequests are not allowed in WKWebViewEngine - ASF JIRA

Employee
July 14, 2017

Hi David,

Have you enabled the WKWebView plugin for your app? If so, can you try creating a new app with this plugin disabled?

New Participant
July 14, 2017

Hi. Thanks for the example.

When i try your code I get again the following error:

[Error] XMLHttpRequest cannot load file:///var/mobile/Containers/Data/Application/C500078F-1FD2-43EC-A418-BBF0686E9FBB/Library/Caches/d00a72956e898ba4b1f05bd995912e49/deea684712127650165f68d34ccf76af/folio/data.json. Cross origin requests are only supported for HTTP.

(anonymous function) (index.js:66)

It works in the Adobe preflight app, but not in our test app.

Employee
July 13, 2017

Hi David,

I've put together a simple example that shows how you can read JSON data from a local file:

GitHub - blefebvre/aemm-read-local-file: Example article that shows how you can read a local file on device

The file being read can be found here: aemm-read-local-file/data.json at master · blefebvre/aemm-read-local-file · GitHub

And the code which is reading it using an XHR is here: aemm-read-local-file/index.js at master · blefebvre/aemm-read-local-file · GitHub

When you run the app via either the aemm CLI or AEM Mobile Preflight, you will see the message from the file is displayed in the app:

Hope this helps.

Employee
July 13, 2017

Can you paste the code that your using to try to load the content.  Also paste the URL of the content that your trying to load.