Проблема с загрузкой изображений на Ionic DevApp
Я использую DevApp от команды Ionic для тестирования приложения. И вы хотите реализовать только функцию загрузки изображений, но не можете получить изображение с устройства с помощью FILE_URI.
Моя ионная информация:
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
@ionic/app-scripts : 3.1.6
Cordova Platforms : android 6.3.0 ios 4.4.0
Ionic Framework : ionic-angular 3.9.2
System:
Android SDK Tools : 26.1.1
Node : v6.11.1
npm : 3.10.10
OS : Windows 7
Environment Variables:
ANDROID_HOME : C:\Android\sdk
Misc:
backend : legacy
Я хочу выбрать изображение из библиотеки фотографий или сделать новый снимок с помощью камеры, а затем показать изображение пользователю. Но он не может найти изображение по пути изображения.
takePicture(sourceType) {
const options: CameraOptions = {
quality: 100,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType: sourceType,
destinationType: this.camera.DestinationType.FILE_URI
}
this.camera.getPicture(options).then((image) => {
this.form.imageData = image;
}, (err) => {
console.log('error: ' + JSON.stringify(err));
});
}
И на странице я передаю file_uri компоненту:
<img [src]="form.imageData" [hidden]="!form.imageData" />
{{form.imageData}}
form.imageData представляет собой текстовые данные:
file:///var/mobile/Containers/Data/Application/.../tmp/photo_002.jpg
Но это не показывает никакого изображения.
Что я делаю не так? Как проверить работоспособность загрузки / просмотра изображений с помощью Ionic DevApp?
PS. Я могу просмотреть изображение, используя его данные base64 вместо файла uri, но для загрузки я должен использовать file_uri.