科尔多瓦 takePhoto 不工作

Question

我正在开发一个可以拍照的应用程序，我正在使用 Cordova 学习。我用过这个js：

var takePhoto = function() {
    navigator.camera.getPicture(onSuccess, onError, { quality: 30,
        destinationType: Camera.destinationType.FILE_URI,
        saveToPhotoAlbum: true,
        targetWidth: 1500,
        targetHeight: 1500
    });

    function onSuccess(imageData) {
        $('.photoPreview').show();
        var image = document.getElementById('photoSrc');
        image.src = "data:image/jpeg;base64," + imageData;
        photoData = imageData;
        $('#photoMessage').html('');
    }

    function onError(message) {
    }
}

每当我单击按钮时，它都不起作用，也没有任何反应。我用来选择现有照片的功能也是如此：

var selectPhoto = function() {
    navigator.camera.getPicture(onSuccess, onFail, { quality: 30,
        destinationType: Camera.destinationType.FILE_URI,
        sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY,
        targetWidth: 1500,
        targetHeight: 1500
    });

    function onSuccess(imageData) {
        $('.photoPreview').show();
        var image = document.getElementById('photoSrc');
        image.src = "data:image/jpeg;base64," + imageData;
        photoData = imageData;
        $('#photoMessage').html('');
    }

    function onFail(message) {
    }
}

并添加我正在使用的信息

$('#selectPhoto').on('click', function() {
    selectPhoto();
});

$('#takePhoto').on('click', function() {
    takePhoto();
});

还有这个 HTML

 <button id="selectPhoto" class="photo-button">Select Existing Photo</button>
 <button id="takePhoto" class="photo-button">Take New Photo</button>

我正在使用最新的 Cordova 6.4.0、cordova-ios@4.3.1 和来自https://github.com/apache/cordova-plugin-camera 的最新 cordova-plugin-camera

请让我知道我应该做什么。谢谢！

Answer 1

看起来您正在获取返回的 imageData 并将其作为 base64 数据直接注入 DOM。如果您将相机选项更改为使用 DATA_URL 作为选项返回 base 64，那将可以正常工作。总结：

navigator.camera.getPicture(onSuccess, onError, { quality: 30,
    destinationType: Camera.destinationType.DATA_URL,
    saveToPhotoAlbum: true,
    targetWidth: 1500,
    targetHeight: 1500
});

代替：

navigator.camera.getPicture(onSuccess, onError, { quality: 30,
    destinationType: Camera.destinationType.FILE_URI,
    saveToPhotoAlbum: true,
    targetWidth: 1500,
    targetHeight: 1500
});

编辑： Jaze 发现了真正的原因，即“destinationType”需要大写。很容易错过！正确的解决方法见下文：

navigator.camera.getPicture(onSuccess, onError, { quality: 30,
    destinationType: Camera.DestinationType.DATA_URL,
    saveToPhotoAlbum: true,
    targetWidth: 1500,
    targetHeight: 1500
});