weex-image-crop-picker

由于weex market 中的 weex-image-picker 插件并没有裁剪和多选功能，看到它也是从 react-native-image-picker 搬运过来的，并且该插件原作者推荐了功能较多的 react-native-image-crop-picker ，于是产生了此项目。

Android

• 在根目录的 build.gradle 中增加 jitpack 的地址

  allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
    }
  }

• 在您的 app 目录的 build.gradle 中增加一行依赖

  dependencies {
    compile com.github.voids:weex-image-crop-picker:1.0.2
  }
  // 如果提示duplicate entry，则exclude不需要的module，如下
  dependencies {
      compile('com.github.voids:weex-image-crop-picker:1.0.2') {
          exclude module: 'weex_sdk'
      }
  }

• 在 Application 子类中注册 module

  import cn.dv4.weeximagecroppicker.ImageCropPickerModule;
  // 在WXSDKEngine.initialize之后注册module
  WXSDKEngine.registerModule("imageCropPicker", ImageCropPickerModule.class);

• 在您的 WXSDKInstance 所在的 Activity 中重载 onActivityResult，否则无法接收到返回结果

  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
      super.onActivityResult(requestCode, resultCode, data);
          if (mWXSDKInstance != null) {
          mWXSDKInstance.onActivityResult(requestCode, resultCode, data);
      }
  }

• 如果需要使用 camera，则需要在 AndroidManifest.xml 中手动添加一行权限

  <uses-permission android:name="android.permission.CAMERA"/>

iOS

• 在 Podfile 中增加一行依赖

  pod 'WeexImageCropPicker'
  

• 更新依赖

  pod install

• 在 appdelegate 中注册 module

  #import <WeexImageCropPicker/ImageCropPicker.h>
  // 在[WXSDKEngine initSDKEnvironment] 之后注册module
  [WXSDKEngine registerModule:@"imageCropPicker" withClass:[ImageCropPicker class]];

• 请在 info.plist 中自行添加权限

JavaScript

由于 weex 的扩展为 callback，不支持 promise，所以用法有所调整。

// example
var ImageCropPicker = weex.requireModule('imageCropPicker')
var options = {
    width: 300,
    height: 300,
    includeExif: true,
    mediaType: 'photo',
    cropping: true
}

export default {
    data: {
        result:""
    },
    methods: {
        gallery(e) {
            ImageCropPicker.openPicker(options, (response) => {
                // 成功返回 {code:'E_SUCCESS', data:{...}}
                this.result = JSON.stringify(response)
            })
        },
        camera(e) {
            ImageCropPicker.openCamera(options, (response) => {
                // 失败返回 {code:'E_PERMISSION_MISSING', message:'...'}
                this.result = JSON.stringify(response)
            })
        }
    }
}

options

参数与react-native-image-crop-picker文档中列出的参数一致

注：与原插件的android部分一样，并未实现视频压缩，因为ffmpeg太慢并且需要许可证