image-picker extend for weex
npm install weex-plugin-image-picker支持的WeexSDK版本: >= 0.16.0
```
weex plugin add weex-plugin-image-picker
项目地址
github
###使用方法
* 第一步:
##### iOS集成插件ImagePicker
- 命令行集成
``
weex plugin add weex-plugin-image-picker
`
- 手动集成
在podfile 中添加
`
pod 'WeexImagePicker'
##### 安卓集成插件imagepicker
- 命令行集成
``
weexpack plugin add weex-plugin-image-picker
`
- 手动集成
在相应工程的build.gradle文件的dependencies中添加
`
compile 'org.weex.plugin:imagepicker:{$version}'
##### 浏览器端集成 image-picker
- 命令行集成
``
npm install image-picker
`
- 手动集成
在相应工程的package.json文件的dependencies中添加
`
image-picker:{$version}'
第二步:
代码中调用
`javascript
chooseImage: function() { //选择图片
let that = this;
plugin.chooseImage({
maxSelectCount: 10, //最大选择数 默认9张,最小 1
allowSelectGif: true, //是否允许选择Gif,只是控制是否选择,并不控制是否显示,如果为NO,则不显示gif标识 默认true
// sourceType: 'camera', //album 从相册选图,camera 使用相机,默认二者都有
allowEditImage: true, //是否允许编辑图片,选择一张时候才允许编辑,默认true
clipRatio:{
x: 16,
y: 9
},
},function (images) {
let image_arr = [];
for (let image of images){
image_arr.push(image['path'])
}
that.images = image_arr;
console.log(JSON.stringify(images));
});
},
previewImage: function () { //预览图片
plugin.previewImage({
urls: [
'http://pic.962.net/up/2013-11/20131111660842029339.jpg',
'http://pic.962.net/up/2013-11/20131111660842034354.jpg'
],
current: 'http://pic.962.net/up/2013-11/20131111660842034354.jpg',
})
},
uploadFile: function () { //上传图片
plugin.uploadFile({
url: 'https://up.qiniup.com',
formData: {
token:""
},
name: 'file',
filePath:this.images[0]
},function (successData) {
console.log(successData)
},function (err) {
console.log(err)
},function (process) {
console.log(process)
})
}
``