离子科尔多瓦中的 ImagePicker 插件

Question

我是 ionic 框架的新手，你能帮我在 ionic 中使用图像选择器吗？我在 ionic 中创建了一个简单的图像共享应用程序，我必须从图库和相机中选择图像，就像应用程序的个人资料图片更改一样想要在 ionic 中使用这种类型的选择器，有人可以帮助我吗？

提前致谢。

Answer 1

这两个选项都是 Cardova 相机插件的一部分。

1. 为您的项目添加一个插件：ionic plugin add org.apache.cordova.camera。阅读更多here
2. 根据您的需要选择您的sourceType。可能的值为 Camera.PictureSourceType.CAMERA 或 Camera.PictureSourceType.PHOTOLIBRARY

你的代码应该是这样的：

// Select your type as following:
// var sourceType = Camera.PictureSourceType.CAMERA;
// var sourceType = Camera.PictureSourceType.PHOTOLIBRARY;
// 
navigator.camera.getPicture(function(url){
            // the url contains selected image or a camera result

          }, function() {
              // handle error
          },
          {  //camera options
              quality: 50,
              destinationType: Camera.DestinationType.FILE_URI,
              sourceType: sourceType
          });

我使用ionisActionSheet 允许用户选择首选选项。