Verwenden FILE_URI von Kamera-Plugin in ngSrc

Question

ich ionic-native Bibliothek verwenden, um die Kamera-Plugin mit den folgenden Optionen zur Verfügung:

let options = { quality: 50, destinationType: 1, sourceType: 1, allowEdit: false, encodingType: 1, mediaType: 0, correctOrientation: true, saveToPhotoAlbum: false, cameraDirection: 1 };

Nach dem Fotografieren, erhalte ich die FILE_URI als file:///storage/emulated/0/Android/data/com.company.testApp/cache/1461661383435.png Aber wenn ich es verwenden In der Eigenschaft ngSrc des Tags img wird nur ein leerer Block angezeigt. Während mit Chrom-Inspektion, die Anforderung für das Bild hat sich der Status von (blocked:other)

Auch will ich nicht DATA_URL verwenden, da sie die Leistung verschlechtert.

Answer 1

Diese Antwort wurde in this post vorgeschlagen.

Es wird ausdrücklich benötigt, um den Zugriff auf lokale Dateiressourcen bei Android 4.4 + zu ermöglichen.

Fügen Sie die folgenden Zeilen an dem config.xml:

<allow-navigation href="*"/> <allow-navigation href="file://*/*" />

Und auch die Content-Security-Policy in index.html als

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

gesetzt Dies funktioniert nicht, wennLive reload verwenden.