如何从Ionic原生图像选择器显示图像?

我正在使用Ionic原生图像选择器: https : 0000-00-00ionicframework.com/docs/native/image-picker/

我正在导入我的模块

import { ImagePicker } from '@ionic-native/image-picker'; 

并添加模块的提供程序

 ImagePicker, 

在我的页面上我正在导入它

 import { ImagePicker, ImagePickerOptions } from '@ionic-native/image-picker'; 

添加到我的构造函数

 private imagePicker: ImagePicker, 

然后在按钮上调用方法

 async pickImageFromGallery() { try { const [imageSource] = await this.imagePicker.getPictures(this.pickerOptions); this.imgSrc = imageSource; 

它确实有效,我可以获取文件URI,但是当我尝试在标签上显示时,图像不会显示

  

我是否需要配置某些权限或其他内容? 为什么图像不显示?

而不是this.imgSrc = imageSource; 我做到了

 this.imgSrc = imageSource.replace('file://', ''); 

适用于iOS和Android。


如果您遇到Android崩溃等问题,请尝试以下方法:

首先,我清理了我的项目

 # rm -rf rimraf .sourcemaps node_modules platforms plugins www 

然后安装包

 npm i 

然后再次部署应用程序

 ionic cordova run android --device 

你必须在你的src中添加“”