weex-image-crop-picker

由于weex market里的weex-image-picker插件并无裁剪和多选功能，看到也是从react-native-image-picker移植来的，并且该插件原作者推荐了功能比较多的 react-native-image-crop-picker ，于是产生了此项目。

Result

Android

• root目录的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太慢并且需要licence