github/cordova-plugin-mediaPicker
4
0
Fork 0
mirror of https://github.com/DmcSDK/cordova-plugin-mediaPicker synced 2026-05-03 00:00:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
dmcBig
2017-08-18 09:41:03 +08:00
committed by GitHub
parent 362f68bd2f
commit 6d833d169a
1 changed files with 19 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+19 -27
View File
@@ -14,48 +14,40 @@ html code:
<body> <body>
<div> <div>
<img id="img1" width="100px" height="100px" > <img name="imgView" width="100px" height="100px" >
<img id="img2" width="100px" height="100px" > <img name="imgView" width="100px" height="100px" >
</div> </div>
<button id="openBtn" style="width:100px;height:40px;">open</button> <button id="openBtn">open</button>
<button id="uploadBtn" style="width:100px;height:40px;">upload</button> <button id="uploadBtn">upload</button>
<script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script> <script type="text/javascript" src="js/index.js"></script>
</body> </body>
index.js code: index.js code:
var img1=document.getElementById('img1'); var imgs[]=document.getElementByName('imgs');
var img2=document.getElementById('img2'); var args={'showThumbnail':true,
var data; 'selectMode':101,//101=PICKER_IMAGE_VIDEO , 100=PICKER_IMAGE
'maxSelectCount':12, //default 40 (Optional)
'maxSelectSize':188743680,//188743680=180M (Optional)
};
document.getElementById('openBtn').onclick=function{
document.getElementById('openBtn').onclick=function(){
var args={'showThumbnail':true,
'selectMode':101,//101=PICKER_IMAGE_VIDEO , 100=PICKER_IMAGE
'maxSelectCount':12, //default 40 (Optional)
'maxSelectSize':188743680,//188743680=180M (Optional)
};
MediaPicker.getMedias(args,function(dataArray){ MediaPicker.getMedias(args,function(dataArray){
data=dataArray;//[{mediaType: "image",rotate: 90, path:'/storage/emulated/0/DCIM/Camera/20170808_145202.jpg' thumbnailBase64: '9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEB'}] //dataArray [{mediaType: "image",rotate: 90, path:'/storage/emulated/0/DCIM/Camera/20170808_145202.jpg' thumbnailBase64: '9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEB'}]
for(var i=0; i<arr.length; i++){
//dataArray[0] imgs[i].src= = 'data:image/jpeg;base64,'+dataArray[i].thumbnailBase64;
img1.src = 'data:image/jpeg;base64,'+dataArray[0].thumbnailBase64; img2[i].setAttribute('style', 'transform:rotate(' + dataArray[i].rotate + 'deg)');
img1.setAttribute('style', 'transform:rotate(' + dataArray[0].rotate + 'deg)'); }
//dataArray[1]
img2.src = 'data:image/jpeg;base64,'+dataArray[1].thumbnailBase64;
img2.setAttribute('style', 'transform:rotate(' + dataArray[1].rotate + 'deg)');
//dataArray[2]...
//or for(var obj in dataArray){
// img.src= = 'data:image/jpeg;base64,'+obj.thumbnailBase64;
// }
},function(err){ },function(err){
console.log(err); console.log(err);
}) })
}; };
document.getElementById('uploadBtn').onclick=function(){ document.getElementById('uploadBtn').onclick=function {
//please: cordova plugin add cordova-plugin-file-transfer //please: cordova plugin add cordova-plugin-file-transfer
//see: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/index.html //see: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/index.html
}; };