Проблема с загрузкой изображений на 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.

0 ответов

Другие вопросы по тегам