还不知道前端怎么实现上传修改头像

时间:2020-03-05 00:38:46   收藏:0   阅读:276
/**
         * 修改头像
         */
        (function () {
            //选择照片
            $(".PersonalResumeEdit #changeBtn").click(function () {
                $(".PersonalResumeEdit #userLogo").click();
            });

            //图片预览
            $(".PersonalResumeEdit #userLogo").change(function () {
                if (!(window.File || window.FileReader || window.FileList || window.Blob)) {
                    alert(‘请更换浏览器!‘);
                } else {
                    var img = $(this).prop(‘files‘);
                    if (img[0].size > 500000) {
                        alert("照片不允许超过500k");
                        $(this).val("");
                    } else {
                        var reader = new FileReader();
                        reader.readAsDataURL(img[0]);
                        reader.onload = function (evt) {
                            var evt = evt || event;
                            var imgSrc = evt.target.result;
                            $(".userlogo_box .userlog").css({ "background-image": "url(" + imgSrc + ")" })
                        }
                    }

                }

            });
        })();

 

原文:https://www.cnblogs.com/yizhiduxiublog/p/12416826.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!