Ionic 2 Native Camera - 图片未显示答案

【问题标题】：Ionic 2 Native Camera - picture not displayedIonic 2 Native Camera - 图片未显示
【发布时间】：2017-03-22 22:54:52
【问题描述】：

如标题中所写，使用相机原生功能拍照后，图片不显示。

我正在尝试使用 Android 5.0 如果您想要/需要任何其他信息，请告诉我。

有代码：我试图用“[src]”和“src”显示图片，我也试过"src="{{ base64Image }}""同样的结果......

【问题讨论】：

Using cordova-plugin-camera to display image的可能重复
src="{{base64Image}}" /> 在我的项目中对我来说很好用.. 试试没有 livereload 的 FILE_URI 版本.. DATA_URL 太重了。
我试过了，结果还是一样

标签： angular ionic2

【解决方案1】：

删除data: image/jpeg;base64,

保持this.base64image = ""+imagedata;

它正在工作......

这是我的代码：

openCamera() {

    var options = {
        quality: 100,
        destinationType: Camera.DestinationType.FILE_URI,
        sourceType: Camera.PictureSourceType.CAMERA,
        allowEdit: false,
        // encodingType: Camera.EncodingType.PNG,
        // targetWidth: 250,
        // targetHeight: 250,
        saveToPhotoAlbum: false,
        correctOrientation: false,
        cameraDirection: Camera.Direction.FRONT
    };

    Camera.getPicture(options).then((imageData) => {
        this._zone.run(() => {
            this.base64Image = imageData;
            //"data:image/jpeg;base64," +
        });
    }, (error) => {
        console.log("ERROR -> " + JSON.stringify(error));
    });
}

【讨论】：

通过删除 data:image/jpeg;base64， 它没有任何改变。我试过你的代码，仅此而已..
嗨 Petalomine，您可以替换您的方法并添加以下代码 import { Component, NgZone } from '@angular/core'; constructor(public navCtrl: NavController, private _zone: NgZone, public navParams: NavParams) {} 再试一次...
ion-card-content 仍然空白.. 但感谢您帮助我

【解决方案2】：

我有答案，现在可以了。

https://forum.ionicframework.com/t/using-camera-native-picture-isnt-displayed/83780

感谢您的帮助和时间！享受编码！

【讨论】：