Ionic 3: File_URI Not allowed to load local resource IOS

Question

Im using the camera to take an image and preview it. It needs to be sent to a server so Im using the destination type of 'FILE_URI'. It works when I run it on android, but Im getting this error running it on ios 10.3.1

Not allowed to load local resource : file:///var/mobile/Containers/Data/Application/2CE518F3-4F4E-42A9-94E1-DC06D01250C7/tmp/cdv_photo_001.jpg

I am not running it with the -lc tag. The encoding type is JPEG

Answer 1

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

Answer 2

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

Answer 3

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.

Answer 4

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