mirror of
https://github.com/DmcSDK/cordova-plugin-mediaPicker
synced 2024-10-06 08:32:11 +08:00
add compress Image
This commit is contained in:
parent
ff1c38d116
commit
6452170e28
84
readme.md
84
readme.md
@ -27,52 +27,60 @@ html code:
|
||||
|
||||
|
||||
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)
|
||||
};
|
||||
|
||||
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(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) })
|
||||
};
|
||||
|
||||
|
||||
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());
|
||||
}
|
||||
function getThumbnail(medias) {
|
||||
for (var i = 0; i < medias.length; i++) {
|
||||
//medias[i].thumbnailQuality=50; (Optional)
|
||||
//loading(); //show loading ui
|
||||
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)');
|
||||
}, 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 medias[index].path
|
||||
|
||||
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
|
||||
};
|
||||
//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(){}
|
||||
|
||||
//ios Video transcoding compression to MP4 (use AVAssetExportPresetMediumQuality)
|
||||
document.addEventListener("MediaPicker.CompressVideoEvent", function(data) {
|
||||
alert(data.status+"||"+data.index);
|
||||
}, false);
|
||||
|
||||
function loading() {}
|
||||
|
||||
//ios Video transcoding compression to MP4 (use AVAssetExportPresetMediumQuality)
|
||||
document.addEventListener("MediaPicker.CompressVideoEvent", function(data) {
|
||||
alert(data.status + "||" + data.index);
|
||||
}, false);
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user