apicloude 头像上传

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);
        }
    });
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值