2016-12-29 76 views
2

我想使用图库中的照片然后裁剪。我正在使用this插件。它绝对没有文档,所以我需要一点帮助。点击按钮后,我想打开图库并选择图像,然后裁剪。我在我的功能myapp.js从图库中的Phonegap图像选择器不能正常工作

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> 

但我的应用程序崩溃。

不幸的是,应用程序已停止工作。

我该怎么办?

+0

尝试在代码中添加'try-catch'块并检查是否收到任何错误。还首先设置警报来检查功能是否正常工作。 –

回答

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, 
+0

像一个魅力工作。 –