画廊中的Phonegap图像选择器无法正常工作

Question

我想使用图库中的照片，然后进行裁剪。 我正在使用这个插件。 它绝对没有文档，所以我需要一些帮助。 单击按钮时，我要打开图库并选择图像，然后也将其裁剪。 我在myapp.js做了一个函数

function uploadImage(){
    window.imagePicker.getPictures(
        function(results) {
            for (var i = 0; i < results.length; i++) {
                console.log('Image URI: ' + results[i]);
            }
        }, function (error) {
            console.log('Error: ' + error);
        }, {
            maximumImagesCount: 10,
            width: 800
        }
    );
}

我称它为按钮单击。

<a href="#" onClick="uploadImage();">Upload</a>

但是我的应用崩溃了。

不幸的是，App已停止工作。

我该怎么办？

Answer 1

您可以使用phonegap默认相机插件来获取图像并对其进行裁剪。 您可以从其官方网站上的phongegap文档中轻松获得以下代码。

function uploadImage(){
    navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
                sourceType: Camera.PictureSourceType.PHOTOLIBRARY, 
                allowEdit: true,
                destinationType: Camera.DestinationType.FILE_URI
                });
}
function onSuccess(imageURI){
                 var image = document.getElementById('smallimage');
                 image.src = "data:image/jpeg;base64," +imageURI;
            }

            function onFail(message){
            }

allowEdit选项将提供裁剪选项，您甚至可以通过以下选项提供固定的裁剪宽度和高度。

     targetWidth: 400,targetHeight: 250,