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

Question

我想使用图库中的照片，然后裁剪它。我正在使用this插入。它完全没有文档，所以我需要一些帮助。单击按钮时，我想打开图库并选择一张图像，然后也对其进行裁剪。我在 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>

但是我的应用程序崩溃了。

Unfortunately, App has stopped working.

我应该做什么？

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,