mirror of
https://github.com/DmcSDK/cordova-plugin-mediaPicker
synced 2026-05-22 00:01:31 +08:00
dmcBig
84 lines
2.9 KiB
Markdown
84 lines
2.9 KiB
Markdown
# MediaPicker v:2.0.2
|
||
android ios mediaPicker support selection of multiple image and video
|
||
|
||
How do I use?
|
||
-------------------
|
||
|
||
use npm:
|
||
|
||
```npm
|
||
cordova plugin add cordova-plugin-mediapicker-dmcbig
|
||
```
|
||
|
||
## Example
|
||
html code:
|
||
|
||
<body>
|
||
<div>
|
||
<img name="imgView" width="100px" height="100px" >
|
||
<img name="imgView" width="100px" height="100px" >
|
||
</div>
|
||
<button id="openBtn">open</button>
|
||
<button id="uploadBtn">upload</button>
|
||
|
||
<script type="text/javascript" src="cordova.js"></script>
|
||
<script type="text/javascript" src="js/index.js"></script>
|
||
</body>
|
||
|
||
|
||
index.js code:
|
||
|
||
var imgs=document.getElementsByName('imgView');
|
||
var args={
|
||
'selectMode':101,//101=PICKER_IMAGE_VIDEO , 100=PICKER_IMAGE , 102=PICKER_VIDEO
|
||
'maxSelectCount':40, //default 40 (Optional)
|
||
'maxSelectSize':188743680,//188743680=180M (Optional)
|
||
};
|
||
|
||
|
||
document.getElementById('openBtn').onclick=function(){
|
||
MediaPicker.getMedias(args,function(dataArray){
|
||
//dataArray [{mediaType: "image", path:'/storage/emulated/0/DCIM/Camera/20170808_145202.jpg', size: 21993}]
|
||
getThumbnail(dataArray);
|
||
},err())
|
||
};
|
||
|
||
|
||
function getThumbnail(dataArray){
|
||
for(var i=0; i<dataArray.length; i++){
|
||
//dataArray[i].thumbnailQuality=50; (Optional)
|
||
//loading(); //show loading ui
|
||
MediaPicker.extractThumbnail(dataArray[i],function(data){
|
||
imgs[data.index].src= 'data:image/jpeg;base64,'+data.thumbnailBase64;
|
||
imgs[data.index].setAttribute('style', 'transform:rotate(' + data.exifRotate + 'deg)');
|
||
},err());
|
||
}
|
||
}
|
||
|
||
|
||
document.getElementById('uploadBtn').onclick=function() {
|
||
//please: cordova plugin add cordova-plugin-file-transfer
|
||
//see: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/index.html
|
||
//use dataArray[index].path
|
||
};
|
||
|
||
function err(data){
|
||
console.log(data);
|
||
}
|
||
|
||
function loading(){}
|
||
|
||
//ios Video transcoding compression to MP4 （use AVAssetExportPresetMediumQuality）
|
||
document.addEventListener("MediaPicker.CompressVideoEvent", function(data) {
|
||
alert(data.status+"||"+data.index);
|
||
}, false);
|
||
|
||
|
||
# Screenshots
|
||
|
||
|
||
|
||
|
||
|
||
|