FILE_URI путь для камеры не работает на IONIC 4

Question

При использовании Cameara для съемки с destinationType: this.camera.DestinationType.FILE_URI, полученный URL не будет отображаться. Например, при попытке сделать фотографию, подобную этой:

this.camera.getPicture(options).then((url) => {
        // Load Image
        this.imagePath = url;
    }, (err) => {
        console.log(err);
    });

Попытка отобразить его как <img [src]="imagePath" > приведет к ошибке (файл не найден).

Проблема здесь в том, что URL находится в пути file:///storage..., а не в правильном, основанном на localhost.

Answer 1

В предыдущих версиях Ionic это решалось с помощью normalizeURL. Это не будет работать на Ionic 4 (или, по крайней мере, я не смог заставить его работать).

Чтобы решить эту проблему, вам нужно будет использовать convertFileSrc():

import {WebView} from '@ionic-native/ionic-webview/ngx';
...
this.camera.getPicture(options).then((url) => {
        // Load Image
        this.imagePath = this.webview.convertFileSrc(url);
    }, (err) => {
        console.log(err);
    });

Теперь URL-адрес изображения будет в соответствующем формате http://localhost:8080/_file_/storage... и будет загружен правильно.

См. WKWebView - Ionic Docs для получения дополнительной информации.