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

Go to file

dmcBig 3ede6a452e Update README.md		2017-08-16 16:16:18 +08:00
src/android	Add files via upload	2017-08-16 15:30:01 +08:00
www	Add files via upload	2017-08-16 15:30:15 +08:00
plugin.xml	Add files via upload	2017-08-16 15:19:13 +08:00
README.md	Update README.md	2017-08-16 16:16:18 +08:00

README.md

cordova-plugin-mediaPicker

android mediaPicker support selection of multiple image and video

How do I use?

use npm:

    cordova plugin add cordova-plugin-mediapicker-dmcbig

html code:

<body>
    <div>
        <img  id="img1"  width="100px"  height="100px" >
        <img  id="img2"  width="100px"  height="100px" >
    </div>
    <button id="openBtn" style="width:100px;height:40px;">open</button>
    <button id="uploadBtn" style="width:100px;height:40px;">upload</button>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>

index.js code:

var img1=document.getElementById('img1');
var img2=document.getElementById('img2');
var data;

document.getElementById('openBtn').onclick=function(){
    var args={'showThumbnail':true,
               'selectMode':101,//101=PICKER_IMAGE_VIDEO , 100=PICKER_IMAGE
               'maxSelectCount':2, //default 40 (Optional)
               'maxSelectSize':188743680,//188743680=180M (Optional)
              };
    MediaPicker.getMedias(args,function(dataArray){
        data=dataArray;//[{mediaType: "image",rotate: 90, path:'/storage/emulated/0/DCIM/Camera/20170808_145202.jpg' thumbnailBase64: '9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEB'}]
        img1.src = 'data:image/jpeg;base64,'+dataArray[0].thumbnailBase64;
        img1.setAttribute('style', 'transform:rotate(' + dataArray[0].rotate + 'deg)');

        img2.src = 'data:image/jpeg;base64,'+dataArray[1].thumbnailBase64;
        img2.setAttribute('style', 'transform:rotate(' + dataArray[1].rotate + 'deg)');
    },function(err){
        console.log(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
 };

README.md

cordova-plugin-mediaPicker

How do I use?

Example