MUI上传头像
//上传头像练习 -- trueimg 为图片id
ElementById("trueimg").addEventListener('tap',function(){
if(mui.os.plus){
var a=[{
title:"拍照"
},{
title:"从手机相册选择"
}];
plus.nativeUI.actionSheet({
title:"修改用户头像",
cancel:"取消",
buttons:a
},function(b){
switch(b.index){
case 0:
break;
case 1:
//alert("拍照");
getImage();//拍照
break;
case 2:
//alert("打开相册");
galleryImg();//打开相册
break;
default:
break;
}
});
}
},false);
//拍照
function getImage(){
var c = Camera();
c.captureImage(function(e){
solveLocalFileSystemURL(e,function(entry){
var s = LocalURL() + "?version=" + new Date().getTime();
uploadHead(s);//上传图片
},function(e){
console.log("读取拍照文件错误："&#ssage);
});
},function(s){
console.log("error"+s);
},{
filename:"_doc/bg.png"
})
}
//从相册选图上传
function galleryImg(){
plus.gallery.pick(function(a){
solveLocalFileSystemURL(a,function(entry){
solveLocalFileSystemURL("_doc/",function(root){
File("bg.png",{},function(file){
//文件已存在
ve(function(){
console.log("file remove success");
pyTo(root,'bg.png',function(e){
var e=e.fullPath+"?version="+new Date().getTime();
uploadHead(e);//上传图片
},
function(e){
console.log('copy image file:'&#ssage);
});
},function(){
console.log('delete image file:'&#ssage);
});
},function(){
//文件不存在
pyTo(root,'bg.png',function(e){
var path = e.fullPath +"?version="+new Date().getTime();
uploadHead(path);
},function(e){
console.log('copy image fail:'&#ssage);
});
});
},function(e){
console.log("get _www folder fail");
})
},function(e){
console.log("读取拍照文件错误："&#ssage);
});
},function(a) {},{
filter:"image"
})
};
//上传头像图片
function uploadHead(imgPath){
console.log("imgPath ="+imgPath);
var mainImage = ElementById("trueimg");
mainImage.src = imgPath;
mainImage.style.width = "64px";
mainImage.style.height = "64px";
var image = new Image();
image.src = imgPath;
load = function(){
var imgData = getBase64Image(image);
}
}
//将图片压缩成base64
function getBase64Image(img){
var canvas = ateElement("canvas");
var width = img.width;
var height = img.height;
if(width>height){
if(width>100){
height = und(height *= 100/width);
width = 100;
}
}else{
if(height>100){
width = und(width *= 100/height);
height = 100;
}
}
canvas.width = width;
canvas.height = height;
var ctx = Context("2d");
ctx.drawImage(img,0,0,width,height);
var dataURL = DataURL("image/png",0.8);
place("data:image/png;base64,","");
}
参考网址：.html
