var FNImageClip; //模块
function tx(){
FNImageClip = api.require('FNImageClip')
api.actionSheet({
title: '选择图片来源',
cancelTitle: '取消',
buttons: ['图片库','拍照', '相册']
}, function(ret, err) {
if (ret) {
var sourceTypes = ['library','camera', 'album'];
if (ret.buttonIndex == (sourceTypes.length + 1)) {
return;
}
api.getPicture({
sourceType: sourceTypes[ret.buttonIndex - 1],
encodingType : 'jpg',
mediaValue : 'pic',
destinationType : 'url',
allowEdit: true,
quality: 50, // 指定图片质量
targetWidth: 720, // 指定图片宽度
targetHeight: 720, // 指定图片宽度
saveToPhotoAlbum : true,//允许图片储存页面
}, function(ret, err) {
if (ret) {
// alert(JSON.stringify(ret));
// 打开裁剪视图
FNImageClip.open({
rect: {
x: 0,
y: 0,
w: api.winWidth,
h: api.winHeight - 130
},
srcPath: ret.data,
mode:'image',
style: {
mask: 'rgba(0,0,0,.2)',
clip: {
w: 100,
h: 100,
x: (api.winWidth - 200)/2,
y: (api.winHeight - 330)/2,
borderColor: '#0f0',
borderWidth: 1,
appearance: 'circular'
}
},
}, function(ret, err) {
if (ret) {
// alert(JSON.stringify(ret));
// 添加功能按钮
$('body').append('<div class="aui-btn aui-btn-block aui-btn-info aui-btn-submit" style="position:absolute;z-index:999;bottom:70px" onclick="sure()">确定</div><div class="aui-btn aui-btn-block aui-btn-info aui-btn-submit" style="position:absolute;z-index:999;bottom:10px" onclick="qx()">取消</div>')
} else {
alert(JSON.stringify(err));
}
});
} else {
api.alert({msg:err.msg});
};
});
}
});
}
function sure(){
// 保存图片裁剪 截图
FNImageClip.save({
destPath: 'fs://imageClip/' + new Date().getTime() + '.jpg',
copyToAlbum: false,
quality: 1
}, function(ret, err) {
if (ret) {
// alert(JSON.stringify(ret));
var img = 'file://'+ret.destPath;
// 上传结果图片 保存到服务器 返回服务器图片路径
api.ajax({
url: baseUrl+'/User/uploadPic',
method: 'post',
data: {
files: {
file: ret.destPath
}
}
},function(ret, err){
if (ret) {
// alert('d')
// alert( JSON.stringify( ret ) );
// 提交图片路径 保存到数据库
api.ajax({
url: baseUrl+'/User/headimg',
method: 'post',
data: {
values: {
headimg:ret.path
},
}
},function(ret, err){
if (ret) {
$('.aui-img-round').attr('src',img)
api.toast({
msg: '上传成功',
duration: 2000,
location: 'bottom'
});
// 关闭图片选择
FNImageClip.close();
// 移除按钮
$('.aui-btn').remove();
// 运行index页面脚本 更新个人信息
api.execScript({
name: 'index',
script: 'myinfo();'
});
// 运行脚本 修改头像
api.execScript({
name: 'index',
frameName: 'leftMenu',
script: 'tx("'+img+'");'
});
} else {
alert( err.msg );
}
});
} else {
alert( err.msg );
}
});
} else {
alert(err.msg);
}
});
}
apicloude 头像上传
最新推荐文章于 2024-05-22 16:28:25 发布