Ionic 3: File_URI Not allowed to load local resource IOS

Issue

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

Solution

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

Answered By - Carlos Enrique Liró Escribano