kjh.api.55128.cn_old/CP.Admin/Static/avatar/js/avatar.js

$(function () {
    
    //选中图片初始化图片剪裁工具
    $('#userAvatar').change(function () {
        var docObj = document.getElementById("userAvatar");
        var imgObjPreview = document.getElementById("cropperAvatar");
        if (docObj.files && docObj.files[0]) {
            imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
            //that.$indicator.close();
            $('#cropperAvatar').cropper({
                aspectRatio: 1,
                viewMode: 2,
                dragMode: "move",
                crop: function (e) {
                }
            });
            $('.myModa').show();
        } else {
            
            //IE下，使用滤镜
            docObj.select();
            var imgSrc = document.selection.createRange().text;
            var localImagId = document.getElementById("localImag");
            try {
                localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                $('#cropperAvatar').cropper({
                    aspectRatio: 1,
                    viewMode: 2,
                    dragMode: "move",
                    crop: function (e) {
                    }
                });
                $('.myModa').show();
            } catch (e) {
                $.myToast('您的电脑需要升级，建议使用IE10以上的版本！')
                return false;
            }
            imgObjPreview.style.display = 'none';
            document.selection.empty();
        }
        
    })
    $('.hideAvatar').click(function () {
        $('.myModa').hide();
        $('#userAvatar').val('');
        $('#cropperAvatar').cropper('destroy');
    })
})
function croped() {
    var newAvatar = $('#cropperAvatar').cropper('getCroppedCanvas', {
        width: 200,
        height: 200,
        fillColor: '#fff',
        imageSmoothingEnabled: false,
        imageSmoothingQuality: 'high'
    });
    var url = newAvatar.toDataURL('image/jpeg', 0.9);//base64位数据
    $('.myModa').hide();
    $('#userAvatar').val('');
    $('#cropperAvatar').cropper('destroy');
    //$('#newAvatar').append('<img src="' + url+'">');
    $.post("/User/UploadPortrait",
        {
            portrait: url
        }, function (data) {
            if (data.Ret == 0) {
                location.reload();
            } else {
                alert("头像上传失败");
            }
        });
}