CODEWITHSUNDEEP
iosimagecordovaionic-frameworkcamera
Alessandro Kreslin
Alessandro Kreslin

Reputation: 279

Ionic 3: File_URI Not allowed to load local resource IOS

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

Upvotes: 10

Views: 15755

Answers (4)

Liam Mazy
Liam Mazy

Reputation: 408

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

Upvotes: 3

Junaid
Junaid

Reputation: 4926

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

Upvotes: 4

Carlos Enrique Liró Escribano
Carlos Enrique Liró Escribano

Reputation: 246

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

Upvotes: 22

Vitor Hugo F. Lopes
Vitor Hugo F. Lopes

Reputation: 101

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.

Upvotes: 5

Related Questions