github/cordova-plugin-mediaPicker
github/cordova-plugin-mediaPicker
3
0
Fork 0
mirror of https://github.com/DmcSDK/cordova-plugin-mediaPicker synced 2024-10-06 08:32:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

add compress Image

Browse Source
This commit is contained in:
DMC 2018-05-15 17:55:18 +08:00 committed by GitHub
parent ff1c38d116
commit 6452170e28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
readme.md
View File

@ -27,7 +27,7 @@ html code:
index.js code:
```
var imgs = document.getElementsByName('imgView');
var args = {
'selectMode': 101, //101=picker image and video , 100=image , 102=video
@ -35,35 +35,43 @@ index.js code:
'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())
MediaPicker.getMedias(args, function(medias) {
//medias [{mediaType: "image", path:'/storage/emulated/0/DCIM/Camera/20170808_145202.jpg', size: 21993}]
window.medias = medias;
getThumbnail(medias);
}, function(e) { console.log(e) })
};
function getThumbnail(dataArray){
for(var i=0; i<dataArray.length; i++){
//dataArray[i].thumbnailQuality=50; (Optional)
function getThumbnail(medias) {
for (var i = 0; i < medias.length; i++) {
//medias[i].thumbnailQuality=50; (Optional)
//loading(); //show loading ui
MediaPicker.extractThumbnail(dataArray[i],function(data){
MediaPicker.extractThumbnail(medias[i], function(data) {
imgs[data.index].src = 'data:image/jpeg;base64,' + data.thumbnailBase64;
imgs[data.index].setAttribute('style', 'transform:rotate(' + data.exifRotate + 'deg)');
},err());
}, function(e) { console.log(e) });
}
}
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
//use medias[index].path
//OR
//compressImage(); //upload compress img
};
function err(data){
console.log(data);
function compressImage() {
for (var i = 0; i < medias.length; i++) {
// if(medias[i].size>1048576){ medias[i].quality=50; } else {d ataArray[i].quality=100;}
medias[i].quality = 30; //when the value is 100,return original image
MediaPicker.compressImage(medias[i], function(compressData) {
//user compressData.path upload compress img
console.log(compressData.path);
}, function(e) { console.log(e) });
}
}
function loading() {}
@ -72,7 +80,7 @@ index.js code:
document.addEventListener("MediaPicker.CompressVideoEvent", function(data) {
alert(data.status + "||" + data.index);
}, false);
```