Ionic 3: File_URI Not allowed to load local resource IOS

I was running the app in livereload mode and facing the same problem and I tried this answer, changing from livereload to normal mode solved the problem.

It should help you as helped me, at least for now.


use this path = normalizeURL(path); and also read more about WKWebView


With ionic webview 2.4.1+, you have to use window.Ionic.WebView.convertFileSrc(url);, see https://stackoverflow.com/a/54416951/1805493


I was facing same problem and I realized that in iOS camera plugin returns source with protocol for new captures but when using it in your HTML to set the source of an element like img or video you need to remove protocol... So I did :

if (isIos()) {
  itemSrc = itemSrc.replace(/^file:\/\//, '');
}

If you want to move capture to somewhere else restore protocol or make a copy beforehand or whatever

Hope it helps