离子-将图像源设置为FILE_URI会产生：不允许加载本地资源错误

Question

我目前正在使用Android，并通过Ionic开发我的应用。 当用户拍照时，我会将其附加到离子幻灯片元素中的离子幻灯片上。 但是，我不断收到“不允许加载本地资源错误”。 设置所有权限（保存图像）

HTML：

<ion-slide *ngFor="let looImage of looImages">
  <img src="{{ looImage }}" imageViewer ion-long-press
       (onPressing)="showImageOptions()"/>
</ion-slide>

TS：

options: CameraOptions = {
  correctOrientation: true,
  quality: 50,
  destinationType: this.camera.DestinationType.FILE_URI,
  encodingType: this.camera.EncodingType.JPEG,
  mediaType: this.camera.MediaType.PICTURE
};

capturePhoto() {
  this.camera.getPicture(this.options).then((imageData) => {
  this.looImages.push(imageData);
  console.log(this.looImages.length);
}, (err) => {

});
}

完整错误：

不允许加载本地资源：file：///storage/emulated/0/Android/data/io.ionic.starter/cache/1538074314258.jpg

Answer 1

移动中的安全层拒绝从Web视图加载图像。 您可以使用“ DATA_URL”来返回base64内容。 您可以通过附加内容类型并应用DomSanitizer服务来附加到src属性。

如果仍要使用FILE_URI，请使用ionic-native / file插件https://ionicframework.com/docs/native/file/ ，可以将图像移到应用程序数据目录中，然后从那里访问。