app头像上传vue

阅读: 评论:0

app头像上传vue

app头像上传vue

changeFace:function(){this.selectFace = true;this.mask = ateMask((res)=>{this.selectFace = false;

});this.mask.show();

},//拍照

takingPictures:function(){this.selectFace = false;this.mask.close();//拍照

var c =Camera();

c.captureImage((e)=>{

solveLocalFileSystemURL(e,(entry)=>{var path = LocalURL() + "?version=" + newDate().getTime();

console.log(path);this.cutOutPictures(path);//alert(imgPath);

},(e)=>{

console.log("读取拍照片文件错误:" &#ssage);

});

},(s)=>{

console.log("error:"+s);

},{

filename:"_doc/head.png"});//this.cutOutPictures();

//console.log('takingPictures');

},//从相册中选择

selectFromalbum:function(){this.selectFace = false;this.mask.close();//从相册中选择图片

console.log("从相册中选择图片");

plus.gallery.pick((path)=>{

console.log(path);this.cutOutPictures(path);

},(e)=>{

console.log("取消选择图片");

},{filter:"image"});//console.log('selectFromalbum');

},//裁剪图片

cutOutPictures:function(imgSrc){var that = this;

that.showSelectFace= true;var saveImg = (imgPath)=>{

imgPath= place("data:image/jpeg;base64,", "");this.data ={avatar:imgPath};this.data = Param(this.data);

mui.post(config.userProfileUpdate,this.data,(res)=>{de == 200){

config.userInfo.avatar=res.data.avatar;

config.setStorage('userInfo',JSON.stringify(config.userInfo));

}else{

};

});

};var clipArea = new PhotoClip("#clipArea", {

size: [300, 300],//裁剪框大小

outputSize:[0,0],//打开图片大小,[0,0]表示原图大小

file: "#file",

ok:"#clipBtn",//img: "127.0.0.1/ff.jpg",

//img:'.jpg',

//img:"file:///F:/MuiProject/domo6/images/music0.jpg",

//img: "../images/music0.jpg",

//img: "../images/huiyuan_03.jpg?version=124545487878",

img:imgSrc,//图片开始加载的回调函数。this 指向当前 PhotoClip 的实例对象,并将正在加载的 file 对象作为参数传入。(如果是使用非 file 的方式加载图片,则该参数为图片的 url)

loadStart: function(){

$(".loading").removeClass("displaynone");

},//图片加载完成的回调函数。this 指向当前 PhotoClip 的实例对象,并将图片的 对象作为参数传入。

loadComplete: function() {

$(".loading").addClass("displaynone");

},//裁剪完成的回调函数。this 指向当前 PhotoClip 实例对象,会将裁剪出的图像数据DataURL作为参数传入。

done: function(dataURL){

that.showSelectFace= false;

saveImg(dataURL);//console.log(dataURL);//dataURL裁剪后图片地址base64格式提交给后台处理

$(".clipbg").hide()

}

});

$("#cancelBtn").on('tap',()=>{

that.showSelectFace= false;

$(".clipbg").hide();

});//this.showSelectFace = true;

//var clipArea = new PhotoClip("#clipArea", {

//size: [300, 300],//裁剪框大小

//outputSize:[0,0],//打开图片大小,[0,0]表示原图大小

//file: "#file",

//ok: "#clipBtn",

img: "127.0.0.1/ff.jpg",

img:'.jpg',

img:"file:///F:/MuiProject/domo6/images/music0.jpg",

//img: "../images/music0.jpg",

//loadStart: function() { //图片开始加载的回调函数。this 指向当前 PhotoClip 的实例对象,并将正在加载的 file 对象作为参数传入。(如果是使用非 file 的方式加载图片,则该参数为图片的 url)

//$(".loading").removeClass("displaynone");

//},

//loadComplete: function() {//图片加载完成的回调函数。this 指向当前 PhotoClip 的实例对象,并将图片的 对象作为参数传入。

//$(".loading").addClass("displaynone");

//},

//done: function(dataURL) { //裁剪完成的回调函数。this 指向当前 PhotoClip 的实例对象,会将裁剪出的图像数据DataURL作为参数传入。

//console.log(dataURL);//dataURL裁剪后图片地址base64格式提交给后台处理

//$(".clipbg").hide()

//}

//});

},

本文发布于:2024-01-27 18:39:16,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/17063519561941.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:头像   上传   app   vue
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23