mirror of https://github.com/DmcSDK/cordova-plugin-mediaPicker synced 2024-10-06 08:32:11 +08:00

Go to file

dmcBig 953f1bf93a js change		2018-05-15 17:48:48 +08:00
src	ios test	2018-05-15 16:43:31 +08:00
www	js change	2018-05-15 17:48:48 +08:00
package.json	ios gif icon	2018-05-11 16:08:18 +08:00
plugin.xml	android support compress image	2018-05-15 15:10:34 +08:00
readme.md	Update readme.md	2018-05-09 09:37:31 +08:00

readme.md

MediaPicker v:2.0.2

android ios mediaPicker support selection of multiple image and video

How do I use?

use 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 and video , 100=image , 102=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);

readme.md

MediaPicker v:2.0.2

How do I use?

Example

Screenshots