来自图库的Phonegap图像选择器无法正常工作

时间:2016-12-29 10:43:19

标签: javascript android jquery cordova phonegap-plugins

我想使用画廊中的照片,然后裁剪它。我正在使用this插件。它绝对没有文档,所以我需要一些帮助。点击按钮,我想打开图库并选择一个图像然后裁剪它。我在Query query = new Query(new Criteria("id").is(user.getId())); Update update = new Update().set("name", user.getName()).set("email", user.getEmail()); mongoOperations.updateFirst(query, update, COLLECTION);

中创建了一个函数
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
        }
    );
}

但我的应用程序崩溃了。

  

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

我该怎么办?

1 个答案:

答案 0 :(得分:3)

您可以使用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,